[CSS] наследование уровнем выше

Статус
В этой теме нельзя размещать новые ответы.

DOLARiON

Гуру форума
Регистрация
4 Сен 2006
Сообщения
191
Реакции
65
есть вот такой вот табулятор на jQuery:
HTML:
...
<ul class="navigation">
	<li><a href="#a" class="selected"><div><div>Aaaaa</div></div></a></li>
	<li><a href="#b"><div><div>Bbbbb</div></div></a></li>
	<li><a href="#c"><div><div>Ccccc</div></div></a></li>
</ul>
...
соответственно дальше идут сами переключающиеся дивы

CSS выглядит примерно так:
HTML:
ul.navigation a {
/** описываем ссылку **/
}

ul.navigation a.selected {
	color: Red;
}
ul.navigation a.selected div {
/** ... **/
}
ul.navigation a.selected div div {
/** ... **/
}

вопрос банален (просто никогда раньше с этим не сталкивался)

когда одна из ссылок с помощью жабаскрипта получает class="selected" --> как в цсс можно прописать свойство для ul.navigation li { ... } которое бы действовало только когда a.selected

помню что там была какая-то фишка со скобкой ">"... но что-то в инете найти не могу...
помогите или киньте сцылкой где можно почтитать про продвинутые фишки... спс :-]
 
Вопрос ты как-то непонятно поставил.
1. Тебе нужно чтобы ссыка с классом selected подчеркивалась? Тогда ты уже привел ответ
Код:
ul.navigation a.selected {
    color: Red;
}
2. Если ты хочешь чтобы это делал ява скрипт, то знай: он модел изменить класс ссылки на selected, но данный класс уже должен быть описан в css.
3. Глянь реализацию tab control для jQuery и придет к тебе вдохновение
 
не.... не то

нужно чтобы... ну к примеру когда <a ...> получает класс selected чтобы на уровень выше эта позиция списка li получала свойства -> ul.navigation li { border: 1px solid red; }
...и нужна реализация на css БЕЗ участия javascript

на яве я и сам знаю как это сделать :-]
 
ну так ты ни сделаешь. ЦСС работает от начального класса и до последнего субкласса. Иначе у тебя ничего не выйдет.
 
Статус
В этой теме нельзя размещать новые ответы.
Назад
Сверху