一般情况下，css遵循着后定义优先，越详细具体越优先的原则。不过在某些情况下，你却得不到你想要的样式。我在启用CodeColorer插件的时候，就被这一点烦恼了很久。
举个简单的例子，有以下html文本：
<ul id="summer-drinks">
<li class="favorite">Whiskey and Ginger Ale </li>
<li>Wheat Beer </li>
<li>Mint Julip </li>
</ul>
然后定义了以下的CSS样式：
#summer-drinks li {
font-weight: normal;
font-size: 12px;
color: black;
}
.favorite {
color: red;
font-weight: bold;
}
你期望带有类 favorite 的 `Whiskey and Ginger Ale` 能以红色粗体呈现，可结果却跟别的字体别无二样。