带有内联样式属性的样式列表项标记



是否可以使用列表项的内联样式属性更改列表项标记的样式?

我想写一些像

<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>

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

如果需要内联,则进一步添加:

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

最新更新