Как удалить суб номер в моем упорядоченном списке? - PullRequest
Новая
       8

Как удалить суб номер в моем упорядоченном списке?

0 голосов
/ 07 июня 2018

У меня проблема со стилем CSS моего упорядоченного списка.

У меня есть мой HTML-код: 

ol {
  counter-reset: item
}

li {
  display: block
}

li:before {
  content: counters(item, ".")" ";
  counter-increment: item
}
<ol>
  <li class="sub">one</li>
  <li class="">two
    <ol>
      <li class="small">two.one</li>
      <li class="small">two.two</li>
      <li class="small">two.three</li>
    </ol>
  </li>
  <li>three
    <ol>
      <li>three.one</li>
      <li>three.two
        <ol>
          <li>three.two.one</li>
          <li>three.two.two</li>
        </ol>
      </li>
    </ol>
  </li>
  <li>four</li>
</ol>

И мне нужно скрыть числовое значение от 1, 2, 2, 3, 3 и 4, 4 Кто-то знает, как это сделать, пожалуйста?

1 Ответ

0 голосов
/ 07 июня 2018

Вы можете имитировать поведение, которое вы ищете, установив font-size в 0px, и это приведет к тому, что элемент будет учитываться свойством counter при его скрытии. 

.hide { 
    font-size: 0px;
}
<ol>
    <li>one</li>
    <li>two
        <ol>
            <li>two.one</li>
            <li class="hide">two.two</li>
            <li>two.three</li>
        </ol>
    </li>
    <li>three
        <ol>
            <li>three.one</li>
            <li>three.two
                <ol>
                    <li>three.two.one</li>
                    <li>three.two.two</li>
                </ol>
            </li>
            <li class="hide">three.three</li>
            <li>three.four</li>
        </ol>
    </li>
    <li>four</li>
</ol>

Источник: Счетчик CSS в скрытом подменю

...