没有一个单一李的号码

Sea*_*ell 29 html css

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

Bal*_*usC 55

是的,只需将CSS list-style-type属性设置none为特定的<li>.

例如

<ol>
    <li>one</li>
    <li>two</li>
    <li class="nostyle">three</li>
    <li>four</li>
</ol>
Run Code Online (Sandbox Code Playgroud)

li.nostyle {
    list-style-type: none;
}
Run Code Online (Sandbox Code Playgroud)

  • 这隐藏了数字,但计数继续,以便有一个间隙(1,2,_,4).有没有办法在隐藏数字(1,2,_,3)时保持计数一致? (3认同)

bre*_*ezy 7

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

由于您将第一个数字隐藏在有序列表中,因此这看起来很奇怪.这是通过CSS的一种可能的解决方案

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

<ol>
  <li>1</li>
  <li>2</li>
  <li>3</li>
</ol>
Run Code Online (Sandbox Code Playgroud)


asi*_*sif 5

(不是答案,但如果有人需要......)
如果要隐藏单个项目列表的编号(项目符号),可以使用CSS3 :only-of-type选择器.

li:only-of-type { list-style-type: none; }
Run Code Online (Sandbox Code Playgroud)

这样,您就不必为列表分配不同的类.您的列表可以根据需要增长和缩小.

这适用于有序和无序列表.