Смешивание двух css для разных определений навигации

У меня есть 2 css, и у обоих есть спецификации для nav.

Как лучше всего использовать их обоих?

Проблема здесь в том, что второе определение nav также имеет определение li, которое включает id, например

<li id="all">All</li>

Этот идентификатор я использую в js.

У меня есть эта скрипка


person edgarmtze    schedule 05.01.2013    source источник


Ответы (1)


Просто используйте оператор :not в CSS и исключите первую навигацию из определения второй навигации css.

Добавьте класс в firstNav, а затем внутри CSS используйте :not вот так

nav ul:not(.first)

Изменить

Проверьте скрипку еще раз. Похоже, есть еще одна хитрость, которая называется сопоставление подстрок . Обратите внимание, что порядок CSS в скрипке важен. если вы перевернете определения навигации, css не будет работать. Я не проверял это в IE 8, но, судя по тому, что я прочитал, это должно работать и в IE8.

Скрипка

person ShaggyInjun    schedule 05.01.2013
comment
Дерьмовый IE поддерживает оператора? - person edgarmtze; 05.01.2013
comment
Похоже, что это так. stackoverflow.com/questions/4464234/ w3schools.com/cssref/sel_not.asp - person ShaggyInjun; 05.01.2013
comment
SO IE8 и более ранние версии их не поддерживают - person edgarmtze; 05.01.2013