我制作了一个自定义的css文件rtl.css
,用于将我的商店的布局方向从左到右更改为从右到左。并将其加载到我的local.xml中以覆盖所有样式表在我的商店里。但是这个文件本身被bootstrap.css覆盖了吗?
我注意到使用firebug我修改的属性是继承的
如何阻止bootstrap.css这样做?
答案 0 :(得分:0)
这是因为样式表的级联性质。 CSS级联为每个样式规则分配权重。当适用多个规则时,权重最大的规则优先。
要查找元素/属性组合的值,请使用用户代理 必须应用以下排序顺序:
查找适用于元素和属性的所有声明 问题,对于目标媒体类型。声明适用于 关联的选择器匹配有问题的元素和目标 medium匹配包含所有@media规则的媒体列表 声明和样式表所在路径上的所有链接 达成了。根据重要性(正常或重要)和 来源(作者,用户或用户代理)。按升序排列 优先级:用户代理声明用户正常声明作者 正常声明作者重要声明用户重要 声明对具有相同重要性和原点的规则进行排序 选择器的特异性:更具体的选择器将覆盖更多 一般的。伪元素和伪类被视为正常 元素和类,分别。最后,按指定的顺序排序: 如果两个声明具有相同的权重,起源和特异性,那么 后者指定胜利。导入样式表中的声明是 被认为是在样式表本身的任何声明之前。
查看更多详情here
通过更改local.xml文件中的css声明顺序,您可以覆盖bootstrap.css声明,或者优先考虑样式更改。