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 回答