CSS ::mark 选择器
CSS ::marker
选中一个list item的marker box,后者通常含有一个项目符号或者数字。它作用在任何设置了display: list-item的元素或伪元素上,例如<li>和<summary>。
实例
<!DOCTYPE html>
<html>
<head>
<style>
::marker {
color: red;
}
</style>
</head>
<body>
<ul>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>
<ol>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ol>
</body>
</html>
定义和用法
::marker
选择器选择列表项的标记。
此选择器适用于设置为 display:list-item
的任何元素。
版本: | CSS3 |
---|
浏览器支持
表格中的数字注明了完全支持该属性的首个浏览器版本。
选择器 | |||||
---|---|---|---|---|---|
::mark | 86 | 86 | 68 | 11.1 | 不支持 |
CSS 语法
::marker {
css declarations;
}
更多实例
<!DOCTYPE html>
<html>
<head>
<style>
::marker {
color: red;
font-size: 23px;
}
</style>
</head>
<body>
<ul>
<li>咖啡</li>
<li>茶</li>
<li>牛奶</li>
</ul>
<ol>
<li>第一</li>
<li>第二</li>
<li>第三</li>
</ol>
</body>
</html>
相关页面
CSS 教程:CSS 伪类