::marker

::marker CSS pseudo-element(CSS 伪元素)选中一个 list item 的 marker box,后者通常含有一个项目符号或者数字。它作用在任何设置了display: list-item的元素或伪元素上,例如<li><summary>

::marker {
  color: blue;
  font-size: 1.2em;
}

允许的属性值

在将::marker作为选择器的规则中,只能使用某些 CSS 属性:

备注: 规范指出,将来可能会支持其他 CSS 属性。

语法

Error: could not find syntax for this item

示例

HTML

<ul>
  <li>Peaches</li>
  <li>Apples</li>
  <li>Plums</li>
</ul>

CSS

ul li::marker {
  color: red;
  font-size: 1.5em;
}

Result

规范

Specification
Unknown specification
# marker-pseudo

浏览器兼容性

BCD tables only load in the browser

参见