::marker
**::marker
** CSS 伪元素 选择列表项目的标记框,该框通常包含项目符号或数字。它适用于任何设置为 display: list-item
的元素或伪元素,例如 <li>
和 <summary>
元素。
尝试一下
允许的属性
::marker
伪元素支持有限的 CSS 属性,包括
- 所有 字体属性
white-space
属性color
text-combine-upright
、unicode-bidi
和direction
属性content
属性- 所有 动画 和 过渡 属性
**注意:** 规范规定将来可能会支持其他 CSS 属性。
语法
css
::marker {
/* ... */
}
示例
HTML
html
<ul>
<li>Peaches</li>
<li>Apples</li>
<li>Plums</li>
</ul>
CSS
css
ul li::marker {
color: red;
font-size: 1.5em;
}
结果
规范
规范 |
---|
CSS 伪元素模块级别 4 # marker-pseudo |
浏览器兼容性
BCD 表格仅在启用 JavaScript 的浏览器中加载。