я есть следующая структура вложенного списка:

HTML:

<div id="my_nested_list">
    <ul>
        <li>
            Item label
            <ul>
                <li>Subitem 1</li>
                <li>Subitem 2</li>
                <li>Subitem 3</li>
            </ul>
        <li>
        <li>...</li>      
   </ul>
</div>

CSS:

#my_nested_list>ul {
/* first level list */
}
#my_nested_list>ul>li {
/* first level items */
}
#my_nested_list>ul>li ul {
/* second level list */
}
#my_nested_list>ul>li ul>li {
/* second level items */
}

Моя проблема в том, что с пробелом вместо>правила первого уровня применяются на втором уровне. Но мне нужна поддержка ie6, которая не поддерживает>, Таким образом, я должен использовать пространство.

Пока у меня есть 2 решения:

ставить классы на каждый ul и li и использовать#my_nested_list ul.firstlevel li.firstlevelиспользование#my_nested_list ul li, а также#my_nested_list ul li ul li переписать каждое нежелательное правило первого уровня.

У тебя есть идеи получше?