Javascript 如何更改列表中一个元素的文本样式？

我想更改列表中项目的文本样式，例如“黄色”：

• 白色的
• 橙色的
• 黄色的
• 蓝色的

有没有一种不用JavaScript就可以通过CSS实现的方法。元素不一定是列表中的倒数第二位。

---

非常感谢任何指针

您可以使用第n个子项：

#example:nth-child(3) { background-color: yellow; } #示例：第n个孩子（3）{ 背景颜色：黄色； } 假设列表如下：

<ul id="example"> <li>white</ul> <li>orange</li> <li>yellow</li> <li>blue</li> </ul>

• 白色

橙色的

黄色的

蓝色的

没有基于元素内容的CSS选择器。您可以使用jquery：

要设置css属性值，请执行以下操作：

$("#example li:contains('yellow')").css('background-color','yellow'); $（“#示例li:contains（'yellow'）”）.css（'background-color'，'yellow'）； 或者，如果要分配css类：

$("#example li:contains('yellow')").addClass('makeYellow'); $（“#示例li:contains（'yellow'）”）.addClass（'makeYellow'）； 上面示例中的css类似于：

.makeYellow { background-color:yellow; }

---

.makeYellow{background color:yellow；}您可以为要设置颜色的列表项指定id或类。然后在样式表中，您只需设置该id或类的颜色。下面是一个例子：

<style>
    .highlight {color: yellow}
</style>
<ul>
    <li class="highlight">yellow</li>
</ul>

.突出显示{颜色：黄色}

黄色

您可以使用id选择器来实现此目的，您应该修改html代码并向列表中的项目添加id

#黄色{
背景颜色：黄色；
}

白色的
橙色的
黄色
蓝色的

更改样式是CSS的目的。请澄清您遇到的实际问题，并添加当前不起作用的代码。请发布您的代码是的，可以在列表中设置项目样式。我的孩子发现让他们开始学习CSS非常有帮助。分别是9号和12号。大家好，很抱歉不太清楚，我应该把我的代码贴出来。我进一步向德鲁澄清，德鲁明白我的意思，只是说清楚而已。OP似乎没有掌握类和ID，所以为什么要把它复杂化；）完全理解清晰性，代码让我畏缩不前哈哈，很公平。我只是为你更改了它：PThanks Drew，这正是我想做的，但是，列表是动态生成的，其他一些列表项可以添加到当前列表中，因此如果我像这样处理“黄色”元素，如果我再添加一项，“蓝色”元素将具有不同的背景。我在想是否可以检查列表项的文本内容，如果它等于“黄色”，则应用不同的样式。