CSS3的特异性与CSS2.1不同吗?

CSS3的特异性与CSS2.1不同吗?,css,inheritance,css-specificity,Css,Inheritance,Css Specificity,这几天我一直在阅读关于特殊性的文章,我发现一些网站上的说法令人困惑,尤其是那些我觉得非常相关的(就其他CSS材料而言) 在本网站的网站开头,作者解释如下: <ul id="summer-drinks"> **<li class="favorite">Whiskey and Ginger Ale</li>** <li>Wheat Beer</li> <li>Mint Julip</li> <

这几天我一直在阅读关于特殊性的文章,我发现一些网站上的说法令人困惑,尤其是那些我觉得非常相关的(就其他CSS材料而言)

在本网站的网站开头,作者解释如下:

<ul id="summer-drinks">
   **<li class="favorite">Whiskey and Ginger Ale</li>**
   <li>Wheat Beer</li>
   <li>Mint Julip</li>
</ul>
因此,作者判断的带有收藏类别的标签不应该像该类别声称的那样是红色和粗体的,因为id
夏季饮料
对于收藏类别更为具体。但是当我把这个代码放进去时,我得到了相反的结果,
  • 带有最喜欢的类的类真的是粗体和红色的吗?总是当我的目标子元素位于父元素的内部,而父元素比子元素更具体时,我会得到子样式


    这是怎么发生的?这与我使用的是HTML Doctype,因此CSS3不同于CSS2.1这一事实有关吗

    具体规则没有改变。(因为这个问题实际上与此无关,并且缺乏任何可信的测试用例,包含来自不同CSS版本实现的结果,请不要写这样的标题——只关注手头的实际问题。)您是否也包括了他的下一个CSS块示例,也就是导致问题的CSS块?以
    ul#summer drinks li{
    开头的那一个?请注意HTML(对于
    DOCTYPE HTML
    部分)CSS规范是正交的:你可以使用CSS3和HTML4/xHTML,CSS2和HTML5以及任何其他组合。在这个问题中没有使用id选择器的规则。是的,Paul Roub,我没有包括下面的ul#summer drinks li块,而我只是使用了#summer drinks。伙计们,对不起,我提前道歉,谢谢你们的回答。
    .favorite {
      color: red;
      font-weight: bold;
    }