(CSS) Как я могу изменить правила стиля для каждого второго элемента в многоуровневом списке? - PullRequest
Новая
       33

(CSS) Как я могу изменить правила стиля для каждого второго элемента в многоуровневом списке?

0 голосов
/ 03 сентября 2018

Понятно, что я не знаю глубину вложенности списка.

Я хочу увидеть что-то вроде

  • 1
  • 2
  • 3
    • 3,1
    • 3,2
    • 3,3
  • 4
    • 4,1
    • 4,2
      • 4.2.1
      • 4.2.2
  • 5

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

li {
  color: black;
}

li:nth-of-type(odd) {
  color: red;
}
<ul>
  <li>1</li>
  <li>2</li>
  <li>3
    <ul>
      <li>3.1</li>
      <li>3.2</li>
      <li>3.3</li>
      <li>3.4</li>
    </ul>
  </li>
  <li>4</li>
  <li>5
    <ul>
      <li>5.1</li>
      <li>5.2
        <ul>
          <li>5.2.1</li>
          <li>5.2.2</li>
          <li>5.2.3</li>
        </ul>
      </li>
      <li>5.3</li>
    </ul>
  </li>
  <li>6</li>
  <li>7</li>
</ul>

Я также разместил этот код на jsfiddle .

...