Список меню CSS с вложенными списками - PullRequest
Новая
       19

Список меню CSS с вложенными списками

1 голос
/ 20 апреля 2010

Я пытаюсь воссоздать этот тип ( пример 1 , пример 2 ) стиля списка меню, но мне нужно, чтобы он мог обрабатывать вложенные списки, и я не уверен, как это сделать. У кого-нибудь есть понимание, как я могу это сделать?

т.е. (с минимальной наценкой): 

<ul>
  <li>one</li>
  <li>two
    <ul>
      <li>two and half</li>
    </ul>
  </li>
</ul>

Спасибо большое !!

1 Ответ

1 голос
/ 20 апреля 2010

Я не знаю, какие стили вы пытаетесь применить, но я могу начать с пустых правил CSS для каждого уровня:

  • ul { /* CSS properties here */ } позволит вам стилизовать все ul элементы
  • ul > li > ul { ... } переопределит примененный стиль CSS для внутренних элементов ul, поскольку селектор обладает более высокой специфичностью
  • Аналогично, для элементов li используйте правило li { ... } для внешних элементов li и
  • ul > li > ul > li { ... } для внутренних li элементов

Это помогает?

...