css 使用内联样式属性设置列表项标记的样式

gfttwv5a  于 2022-12-24  发布在  其他
关注(0)|答案(1)|浏览(140)

是否可以使用列表项的inline style属性更改列表项标记的样式?
我想写这样的东西

<ol>
  <li>First</li>
  <li style="::marker {color: red}">Second</li>
  <li>Third</li>
</ol>

所需的结果是只有第二个项目的数字变为红色。当然,这可以使用自定义类来实现,例如:

<!DOCTYPE html>
<html>
<head>
<style>
li.reddish::marker { 
  color: red;
}
</style>
</head>
<body>

<ol>
  <li>First</li>
  <li class="reddish">Second</li>
  <li>Third</li>
</ol>

</body>
</html>

但是我的问题是关于列表项节点的样式属性的。

cmssoen2

cmssoen21#

如果您需要它内联,请更进一步--添加更多:

<ol>
  <li>First</li>
  <li style="color: red"><span style="color:initial">Second</span></li>
  <li>Third</li>
</ol>

相关问题