如何在 CSS 中仅更改项目符号颜色

CSS 选取器（selector）允许我们通过定义特定的样式来更改 HTML 元素的外观。在列表中，项目符号（bullet symbol）是列表项前面的小点、小方框或自定义图像。我们可以通过一些 CSS 属性来更改项目符号的颜色。下面是一些方法来实现这个效果。

1. 使用 list-style-color 属性

ul {
  list-style-color: red;
}

以上代码将会把无序列表（<ul> 元素）中的项目符号颜色设置为红色。你可以将 red 替换为任何合法的 CSS 颜色值。

2. 使用 ::marker 伪元素

ul li::marker {
  color: blue;
}

以上代码将会把无序列表（<ul> 元素）中每个项目符号的颜色设置为蓝色。你可以将 blue 替换为任何合法的 CSS 颜色值。

3. 使用 ::before 伪元素

ul li::before {
  content: "•";
  color: green;
}

以上代码将会把无序列表（<ul> 元素）中每个项目符号的内容设置为圆点字符 "•"，并且颜色设置为绿色。你可以将 "•" 替换为任何 Unicode 字符或其他内容，将 green 替换为任何合法的 CSS 颜色值。

注意：这种方法适用于自定义项目符号，但不适用于默认项目符号（由浏览器渲染的一些小点或方框）。为了完全支持跨浏览器的一致性，请使用第一种或第二种方法。

总结

通过使用以上三种方法之一，你可以在 CSS 中仅更改项目符号的颜色。选择适合你的情况的方法，并根据需要进行调整。

请注意，以上代码仅为示例，你需要根据实际情况进行调整和应用。