правильный метод для идентификатора в классе?

Question

У меня есть навигационная система.На основе CSS.В некоторых пунктах li мне нужно настроить внешний вид (цвет фона, цвет шрифта и т. Д.).

В данный момент меню верхнего уровня находится здесь: http://www.gardensandhomesdirect.co.uk/menutest

SALE, нижнее меню, это то, что я пытаюсь установить как имеющий красный фон, и пытался сделать это следующим образом:

.side_nav .li-sale { background-color:#900 !important; color:#FFF !important; }

Однако оно перезаписывается.

Чтолучший способ настроить это?Так что я могу использовать пользовательские классы li.

Answer 1

Это потому, что ваш красный цвет фона для LI, который находится под зеленым A, поэтому вы не можете видеть этот LI.

Просто попробуйте установить стиль для дочернего элемента A:

.side_nav ul li.li-sale a { 
    background-color:#900;
    color:#FFF; 
}

Answer 2

Если у вас li что-то вроде этого:
<li class="side_nav" id="li-scale">

Вы можете назвать это в своем css с:
.side_nav #li-scale

Итак, в основном, в вашем css вы вызываете классы с ., а идентификаторы с #