使用此标记:
<div id="shopNav">
<ul>
<li class="active">
<a href="#">test 1</a></li>
</ul>
</div>
<ul>
<li class="active1"><a href="#">test</a></li>
</ul>
这不起作用
#shopnav li.active {
border:1px solid red !important;
}
但:
.active {border:1px solid red !important;}
确实有效。
我对不同的文档类型有不同的行为:
<!DOCTYPE PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
第一个在 FF 而不是 ie8 中突出显示,并带有:
行为是一致的,因为只有第二个 li 被赋予了样式。
我完全不明白这一点,因为我觉得我已经使用这种选择器很长时间了......为什么它在 IE9 中不起作用的第一个选择器?为什么第一个选择器不能与 loss.dtd 一起使用?
在此页面上查看它的实际应用