Наследование в CSS? Возможно ли сделать это без копирования и вставки?

Question

Я пытаюсь следовать изящному учебнику по http://www.kriesi.at/archives/create-a-multilevel-dropdown-menu-with-css-and-improve-it-via-jquery, и меня поразило, что я пытаюсь использовать CSS для jquery для тем ... Так что, если у меня есть меню типа

<ul id="AVPNav">
  <li><a href="#">Agfdts</a>
    <ul>
      <li><a href="~/Apfgsdfg.aspx?node=add">Add</a></li>
      <li><a href="~/Agfdsgpx?node=find">Find</a></li>
    </ul>
  </li>
  <li><a href="#">Repdfsgs</a></li>
  <li><a href="#">Ssdfgrt</a></li>
  <li><a href="#">Adgfdminisgfdon</a></li>
</ul>

Ну, вместо использования пользовательских цветов и тому подобного, я бы хотел использовать .ui-state-default и .ui-state-hover

Как бы я использовал эти классы без копирования и вставки их в свой собственный класс CSS, основанный на AVPNav?

Кроме того, я ищу чистое решение css / html, но небольшое использование jquery будет в порядке, если это единственный способ.

Answer 1

Вы можете назначить класс элементу DOM только руками или с помощью javascript.

Answer 2

В CSS нет такого понятия, как наследование - даже значение атрибута inherit относится к наследованию уровня DOM, а не к наследованию селекторов CSS.

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

<li id="someItem" class="someClass ui-state-default"> ...

Если это не сработает для вас, то, боюсь, пришло время для некоторых CTRL + C , CTRL + V .

Answer 3

CSS не поддерживает это.

Вы должны определить CSS самостоятельно или включить файлы CSS jquery в свое приложение.