css - IE7 CSS 分组

Question

我有一些分组的类。但是在 IE7 和更低版本中，它不实现组中的任何类。它似乎只是忽略了它们:

#subnav a,
#subnav span {
    /* css here */
}

和 html:

<div id="subnav">
    <ul class="depth-1">
        <li class="selected">
            <a href="someLink.html">Some Link</a>
        </li>
        <li>
            <a href="anotherLink.html">Another Link</a>
        </li>
        <li>
            <span>Header</span>
            <ul class="depth-2">
                <li>
                    <a href="google.com.au">Google</a>
                </li>
            </ul>
        </li>
    </ul>
</div>

是 IE7 及更低版本不支持 CSS 分组还是其他原因导致这种情况发生？

谢谢

Answer 1

你可以在这里尝试一些事情:

1. 确保此规则组位于 css 样式表的最后，以确保没有其他样式覆盖这些样式

2. 使选择器尽可能具体，以确保元素有针对性。因此，尝试使用 div#subnav ul.depth-1 li.selected a

而不是 #subnav a

3. 确保样式可以应用于这些特定元素。 a 和 span 是内联元素，不接受所有样式。