文章详情页
css3 - 自己写的CSS与使用的框架冲突如何解决呢?
问题描述
例如我自己有个css的文件叫做style.css,我的项目中也用到了Bootstrap框架,但是其中一些标签的定义有冲突、因为一开始的时候项目中用的是style.css,Bootstrap框架是后来引入到项目中的,那么有什么办法能够避免这种冲突呢?引入了Bootstrap框架后,原有的有些页面样式就不对了、
问题解答
回答1:一般情况下,当你决定引入某个框架的时候,就需要以这个框架的样式表为主,并在此基础上做一些细节调整。换句话说,你的 style.css 恐怕得改改了。
当然,也可以考虑改 bootstrap 的源文件中的样式,但是不建议改结构,只改一些配色啊,边框效果啊之类的还是可以的,改结构可能引起布局混乱。
如果你需要在一个页面中不同的地方使用两个样式表,可以考虑按区域加个限定,当然这种情况下最好是改你自己的 style.css,把它在 bootstrap 的样式表之后引入,比如
原来的
a {}.abcd {}
加个限定(同时需要在HTML中加个 p.mime 包起来(我写的LESS,方便看层次关系)
// less file.mine { a {} .abce {}}
标签:
CSS
相关文章:
1. css3 - 我的css用less写的,eclipse的jsp文件要修改css很麻烦,怎么解决?2. angular.js - angular js配置路由 编写控制器的时候说跳转页内的数据模型不存在3. android - 新建项目卡在Gradle:Resolvedependencies’:app:_debugCompile’4. javascript - 求一套有关于IP地址的JS正则!5. angular.js - 有没有不需要先git clone xxxx的angular2的教程?6. atom编译器 如何格式化前端代码文件?7. javascript - 关于在angularjs的select中遇到的问题!!8. angular.js - 获取数据后总是要有一段$scope.$apply();这段代码是什么意思呀?9. javascript - 关于Js中 this的一道题10. 移动端页面文字垂直居中兼容性问题
排行榜