自己写的CSS与使用的框架冲突如何解决呢?-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文

自己写的CSS与使用的框架冲突如何解决呢?

杨冬芳 2016-06-07 17:51:20 1613

例如我自己有个css的文件叫做style.css,我的项目中也用到了Bootstrap框架,但是其中一些标签的定义有冲突、因为一开始的时候项目中用的是style.css,Bootstrap框架是后来引入到项目中的,那么有什么办法能够避免这种冲突呢?引入了Bootstrap框架后,原有的有些页面样式就不对了、

使用框架 ecs框架 css的使用 css框架 ecs如何解决
分享到
取消 提交回答
全部回答(1)
  • 杨冬芳
    2019-07-17 19:30:34

    一般情况下,当你决定引入某个框架的时候,就需要以这个框架的样式表为主,并在此基础上做一些细节调整。换句话说,你的 style.css 恐怕得改改了。

    当然,也可以考虑改 bootstrap 的源文件中的样式,但是不建议改结构,只改一些配色啊,边框效果啊之类的还是可以的,改结构可能引起布局混乱。

    如果你需要在一个页面中不同的地方使用两个样式表,可以考虑按区域加个限定,当然这种情况下最好是改你自己的 style.css,把它在 bootstrap 的样式表之后引入,比如

    原来的

    a {}
    .abcd {}

    加个限定(同时需要在HTML中加个 DIV.mime 包起来(我写的LESS,方便看层次关系)

    // less file
    .mine {
        a {}
        .abce {}
    }
    0 0
开发与运维
使用钉钉扫一扫加入圈子
+ 订阅

集结各类场景实战经验,助你开发运维畅行无忧

相似问题
最新问题
推荐课程