CSS Precedence奇怪的行为

Question

我正在研究CSS的优先级并阅读一些文章，包括：http://www.w3.org/TR/CSS2/cascade.html。根据他的说法，像类这样的属性比伪元素具有更高的优先级。但是，当我做一个简单的测试时，恰恰相反。下面，我的代码：

HTML：

<ul>
    <li class="item">Item</li>
</ul>

CSS：

ul li.item { font-size: 12px; }
ul li:first-letter { font-size: 20px; }

见here。如果该类的优先级高于伪元素，为什么第一个字母的字体大小有12个像素而不是20个像素？提前谢谢。

Answer 1

我刚看了你在Firefox中的小提琴，你没有问题，它工作正常。根据要求，单词的字体大小为12px。但是，第一个字母的伪元素就是将第一个字母标识为单独的权利，并赋予它与其余部分使用的不同的风格。因此，第一个字母的特殊性完全与整个单词的特异性分开;他们不会互相覆盖。 所以你的小提琴中的第一个字母是正确的20px。