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

Question

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

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

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

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

Answer 1

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

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

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