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

Тема в разделе "Другие языки", создана пользователем DOLARiON, 25 фев 2009.

Статус темы:
Закрыта.
Модераторы: Цукер
  1. DOLARiON

    DOLARiON

    Регистр.:
    4 сен 2006
    Сообщения:
    191
    Симпатии:
    48
    есть вот такой вот табулятор на 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

    помню что там была какая-то фишка со скобкой ">"... но что-то в инете найти не могу...
    помогите или киньте сцылкой где можно почтитать про продвинутые фишки... спс :-]
     
  2. best

    best

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

    DOLARiON

    Регистр.:
    4 сен 2006
    Сообщения:
    191
    Симпатии:
    48
    не.... не то

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

    на яве я и сам знаю как это сделать :-]
     
  4. best

    best

    Регистр.:
    12 апр 2006
    Сообщения:
    246
    Симпатии:
    54
    ну так ты ни сделаешь. ЦСС работает от начального класса и до последнего субкласса. Иначе у тебя ничего не выйдет.
     
Статус темы:
Закрыта.