如何覆盖local.xml中的bootstrap声明

时间:2015-04-18 17:19:04

标签: css twitter-bootstrap magento override

我制作了一个自定义的css文件rtl.css,用于将我的商店的布局方向从左到右更改为从右到左。并将其加载到我的local.xml中以覆盖所有样式表在我的商店里。但是这个文件本身被bootstrap.css覆盖了吗? 我注意到使用firebug我修改的属性是继承的

如何阻止bootstrap.css这样做?

1 个答案:

答案 0 :(得分:0)

这是因为样式表的级联性质。 CSS级联为每个样式规则分配权重。当适用多个规则时,权重最大的规则优先。

  

要查找元素/属性组合的值,请使用用户代理   必须应用以下排序顺序:

     

查找适用于元素和属性的所有声明   问题,对于目标媒体类型。声明适用于   关联的选择器匹配有问题的元素和目标   medium匹配包含所有@media规则的媒体列表   声明和样式表所在路径上的所有链接   达成了。根据重要性(正常或重要)和   来源(作者,用户或用户代理)。按升序排列   优先级:用户代理声明用户正常声明作者   正常声明作者重要声明用户重要   声明对具有相同重要性和原点的规则进行排序   选择器的特异性:更具体的选择器将覆盖更多   一般的。伪元素和伪类被视为正常   元素和类,分别。最后,按指定的顺序排序:   如果两个声明具有相同的权重,起源和特异性,那么   后者指定胜利。导入样式表中的声明是   被认为是在样式表本身的任何声明之前。

查看更多详情here

通过更改local.xml文件中的css声明顺序,您可以覆盖bootstrap.css声明,或者优先考虑样式更改。