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)
这将隐藏您的第一个有序列表编号.
由于您将第一个数字隐藏在有序列表中,因此这看起来很奇怪.这是通过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)
(不是答案,但如果有人需要......)
如果要隐藏单个项目列表的编号(项目符号),可以使用CSS3 :only-of-type
选择器.
li:only-of-type { list-style-type: none; }
Run Code Online (Sandbox Code Playgroud)
这样,您就不必为列表分配不同的类.您的列表可以根据需要增长和缩小.
这适用于有序和无序列表.
归档时间: |
|
查看次数: |
47796 次 |
最近记录: |