1

使用此标记：

    <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 一起使用？

在此页面上查看它的实际应用

4

2 回答 2

3

id属性值区分大小写。当你有id="shopNav"，那么在 CSS 中你需要使用#shopNav，而不是#shopnav.

于 2012-08-23T21:50:59.757 回答
0

用这个：

#shopnav ul li.active

或这个

#shopnav * li.active
于 2012-08-23T21:47:26.853 回答