为什么这个元素不尊重特异性规则?

时间:2015-06-18 03:44:10

标签: css firefox

所以我使用Stylish扩展调整了Firefox内置的阅读器模式。我做的第一件事是改变字体:

body.loaded.serif div#moz-reader-content, h1#reader-title, div#reader-credits{
  font-family: "Marion";
}

工作得很好。后来我想调整链接:

a{
  text-decoration: none;
}

链接保持不变。我可以在Firebug中看到这个声明被默认样式声明(如“aboutReaderContent.css”)覆盖,它也使用了单个选择器。然后我试着让它更具体:

html body.serif.loaded div.content div#moz-reader-content p a{
  text-decoration: none;
}

仍然没有效果。 Firebug说它仍然被覆盖。我不得不诉诸!important

我的问题是,为什么这个元素不符合特异性规则?据我了解,即使在多个文件中,浏览器也会遵循最“特定”的选择器,无论这些文件的加载顺序如何。为了增加我的困惑,第一个调整实际上覆盖了默认样式表,但是在另一个文件“aboutReader.css”中。我错过了什么?

0 个答案:

没有答案