没有一个单一李的号码

时间:2011-05-14 03:47:42

标签: html css

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

3 个答案:

答案 0 :(得分:52)

是的,只需在特定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;
}

答案 1 :(得分:7)

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

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

的一种可能的解决方案
ol li:first-child { list-style:none }

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

答案 2 :(得分:5)

(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.