CSS 列表模型之marker标记
本文主要对::master
伪元素、list-item
下的list-style-image
、list-style-type
样式属性进行介绍,并介绍了在实际中如何使用。list-item
下还有其他不常用的样式属性这里不做介绍。感兴趣的可以自行移步CSS 标准文档
::marker
是什么
::marker
是一个标记伪元素,能够定义内容填充在list-item
上代表列表项的标志,先附上一个例子,就能很清楚地看出它的作用。
<style>
li::marker {
content: "(" counter(list-item) ")"; }
li {
display: list-item; }
</style>
<ul>
<li>zhaodao88.com 找商机</li>
<li>zhaodao88.com 找人脉</li>
<li>zhaodao88.com 找采购</li>
</ul>
效果图: