html - 更改特定元素的CSS内容属性

给定样式：

ol.progtrckr li.progtrckr-todo:before {
    content: "\039F";
    color: silver;
    background-color: white;
    font-size: 1.5em;
    bottom: -1.6em;
}

和对象：

<ol class="progtrckr" data-progtrckr-steps="5">
    <li class="progtrckr-todo">One</li>
    <li class="progtrckr-todo">Two</li>
    <li class="progtrckr-todo">Three</li>
</ol>

我如何才能仅更改第二个对象的content属性？

content: "\039F";

至

content: "\2716";吗？

我试过了 ：

<li class="progtrckr-todo" style="content: '\2716'">Two</li>

但这没用。

任何想法如何使这项工作？

最佳答案

您可以使用nth-child覆盖属性

ol.progtrckr :nth-child(2):before {
    content: "\2716";
}

关于html - 更改特定元素的CSS内容属性，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/32326432/