如何覆盖 local.xml 中的引导声明

Question

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

如何防止 bootstrap.css 这样做？

Answer 1

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

要找到元素/属性组合的值，用户代理 必须应用以下排序顺序：

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

查看更多详情here

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