Sifr3-是否可以使用父选择器覆盖CSS样式？

我想用选择覆盖已定义的设置 但我不知道怎么做。 比如说，一个网站上有两个页面，如下所示

-主页-

Home

-关于第页-

关于

然后，我在sirf config.js中有这些

sIFR.替换（fontname{ 选择器：“h1.sifr”， css:'.sIFR root{color:#666666；字体大小：29px；}' });

sIFR.替换（fontname{ 选择器：“body.about h1.sifr”， css:'.sIFR root{color:#FFFFFF；字体大小：29px；}' });

但它不起作用

---

如果有人能帮助我，我将不胜感激。

检查加载CSS与发出替换命令的顺序

我不使用Sifr，所以我不知道它是如何工作的。我假设代码创建如下CSS代码：

h1.sifr { color: #666666; font-size: 29px; }
body.about h1.sifr { color: #FFFFFF; font-size: 29px; }

如果是，则会覆盖“关于”页面中标题的颜色样式，因为第二行的选择器比第一行的选择器更具体

你可以阅读更多关于专一性的内容

如果它不起作用，那是因为你的代码中有一些东西看起来不像你认为的那样，很可能是你代码的其他部分中没有显示的东西导致了问题

---

您可以使用Firefox中的Firebug插件检查页面中的元素，以准确查看哪些css影响每个元素。

在

h1.sifr

之前运行

body.about h1.sifr

的替换。sIFR不计算特异性，但按顺序执行替换。替换

h1.sifr

替换所有此类元素，因此

body.about h1.sifr

仅查找已被替换的元素。

感谢您的回答，但这是sifr-config.js特定的问题。我知道仅仅使用CSS是多么简单，但是使用sifr是多么简单；显然情况并非如此。我仍在努力实现这一目标，请有人帮帮我！我可能也应该为JavaScript添加标签。非常感谢。你是明星！我不知道这件事，但现在我越来越喜欢sifr了！