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. 使选择器尽可能具体，以确保元素成为目标。因此，请尝试#subnav a

，而不是div#subnav ul.depth-1 li.selected a

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