Html 样式字体列表每隔一个项目符号颜色

我试图设置列表的每一个其他颜色，使用字体可怕的图标作为项目符号。但是，它不是为每个其他项目符号设置样式，而是为所有项目符号设置样式。如果在第n个子项（奇数）和（偶数）之间来回切换，则可以在运行脚本时看到所有项目符号的颜色都在更改。它为什么这样做？有没有更好的办法

.fa星号：之前{
内容：“\f069”；
颜色：#77c4d3；
垂直对齐：中间对齐；
线高：1.6em；
}
.fa星号：第n个孩子（偶数）：之前{
颜色：#7d8a2e；
}
ul.fa-ul{
列表样式：无；
}

HGTV生活大天空房地产经纪人
比特罗谷房地产经纪人委员会成员
蒙大拿州区域MLS
全国房地产经纪人协会

您需要使用奇偶选择器将

li

元素作为目标，因为

.fa星号

是一个子元素，DOM只知道它是每个li的第一个子元素

.fa星号：之前{
内容：“\f069”；
颜色：#77c4d3；
垂直对齐：中间对齐；
线高：1.6em；
}
李：第n个孩子（偶数）。fa星号：之前{
颜色：#7d8a2e；
}
ul.fa-ul{
列表样式：无；
}

HGTV生活大天空房地产经纪人
比特罗谷房地产经纪人委员会成员
蒙大拿州区域MLS
全国房地产经纪人协会

星号始终是li的第一个子项。您需要将n-child（）应用于li标记。见下文

.fa星号：之前{
内容：“\f069”；
颜色：#77c4d3；
垂直对齐：中间对齐；
线高：1.6em；
}
李：第n个孩子（偶数）。fa星号：之前{
颜色：#7d8a2e；
}
ul.fa-ul{
列表样式：无；
}

HGTV生活大天空房地产经纪人
比特罗谷房地产经纪人委员会成员
蒙大拿州区域MLS
全国房地产经纪人协会

很好的解决方案！我以前也遇到过类似的问题，并且是这样解决的是的，看起来我们在同一时间打字。