CSS 优先级奇怪的行为

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 中查看了您的 fiddle ，没​​有问题，它工作正常。这个词的字体大小是要求的12px。但是首字母伪元素就是将首字母标识为一个单独的实体，并赋予它与单词其余部分不同的样式。因此，第一个字母的特殊性与整个单词的特殊性是完全分开的；他们不会互相覆盖。所以你在 fiddle 中的第一个字母是正确的 20px。