#current css help

Question

Кажется, я не могу заставить это работать ... У меня есть несколько пунктов меню, которым нужны разные фоновые элементы от глобальной настройки.

Вот глобальная настройка, которая работает просто отлично ...

#left #current a {background-image: url(../images/leftbuttonactive.png); color: #000;}

НО мне нужно применить другое фоновое изображение к некоторым элементам, которые представляют собой 2 строки текста, следовательно, .itemxxx.Каждая строка ниже - это то, что я тестировал, но ни одна из них не работает.

#left #current .item136 a,
.item136 #current a,
#current .item136 a,
#current .item136 > a,
#left #current .item136 a:link,
#left ul li.item136 li.active a:link,
#left #current .item136 a,
#left li.item136 #current a,
background-image: url(../images/leftbutton2lineactive.png);}

Это прекрасно работает для: hover или: посещения ...

#left li.item136 a:hover

Я попробовал довольнонесколько вариантов (как вы видите в коде 2), но не повезло.Предложения?

Answer 1

Если #current также является li и может иметь класс item136:

#left .item136 a, #left #current.item136 a {
    background-image: url(../images/leftbutton2lineactive.png);
}

Обратите внимание: #current и .item136 прикреплены без пробела между ними;это попросит ваш браузер выбрать элемент, если у него есть и идентификатор, и класс.Вам нужно будет указать это, потому что один селектор идентификатора более специфичен, чем один селектор класса, и ваш стиль идентификатора переопределит стиль класса.