Question

有没有办法不显示ol中单个li的数字。如果它仍然有助于列表的计数（我知道这可能看起来像一个奇怪的请求），这不是问题。

Answer 1

是的，只需在特定none上将CSS list-style-type属性设置为<li>。

E.g。

<ol>
    <li>one</li>
    <li>two</li>
    <li class="nostyle">three</li>
    <li>four</li>
</ol>

与

li.nostyle {
    list-style-type: none;
}

Answer 2

这将隐藏您的第一个有序列表编号。

由于您将第一个号码隐藏在有序列表中，因此这看起来很奇怪。这是通过CSS

的一种可能的解决方案

ol li:first-child { list-style:none }

<ol>
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ol>

Answer 3

(Not the answer, but in case someone needs...)
If you want to hide the number (bullet) of single item lists, you can use CSS3 :only-of-type selector.

li:only-of-type { list-style-type: none; }

This way, you won't have to assign different classes to your lists. Your lists can grow and shrink as necessary.

And this works for both ordered and unordered lists.

没有一个单一李的号码

3 个答案: