Question

这些天我一直在阅读特异性，我发现网站上的一些说法令人困惑，尤其是我认为非常相关的一些声明（就其他CSS材料而言）。

在本网站的http://css-tricks.com/specifics-on-css-specificity/网站上，作者解释了以下内容：

<ul id="summer-drinks">
   **<li class="favorite">Whiskey and Ginger Ale</li>**
   <li>Wheat Beer</li>
   <li>Mint Julip</li>
</ul>

现在，您可以弹出CSS并为新课程设置样式：

.favorite {
  color: red;
  font-weight: bold;
}

因此，作者所评判的最喜欢的类<li>标签不应该是红色和粗体，因为标识summer-drinks更具体是最喜欢的类。但是当我把这个代码放到相反的结果时，<li>类和最喜欢的类真的是大胆的红色？总是当我将父元素内部的子元素作为更具体的子元素，然后是子元素时，我会得到子样式吗？

这是怎么回事？是否与我使用HTML Doctype这一事实有关，因此CSS3与CSS2.1有什么不同？