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>

Не поддерживается группировка CSS в IE7 и ниже или что-то еще вызывает это?

Спасибо

Answer 1

Вы можете попробовать несколько вещей здесь:

1. убедитесь, что эта группа правил является последней в таблице стилей CSS, чтобы убедиться, что никакие другие стили не перезаписывают эти

2. сделать селекторы настолько конкретными, насколько это возможно, чтобы обеспечить нацеливание элементов.Поэтому вместо #subnav a попробуйте div#subnav ul.depth-1 li.selected a

3. , чтобы убедиться, что стили могут быть применены к этим конкретным элементам.a и span являются встроенными элементами и не принимают все стили.