我有以下课程：
.at-icon.at-icon {}
我需要为使用这些类的每个元素（社交网络图标）设置样式，如下所示：
.at-icon.at-icon:nth-child(even) { fill: red !important }
.at-icon.at-icon:nth-child(odd) { fill: blue !important }
因此，一个元素将是红色，而另一个将是蓝色。它们当前都如下所示：
我使用该类的HTML是： 复制链接
问题是：<li>中没有任何DOM（列表）。
不幸的是，这是我可以在此处发布的所有信息，以重现我的问题，因为我使用的是第三方工具，即addthis.com
这是一个免费工具，您可以将其用于测试。我不能将其用于测试，因为这意味着要使用我的帐户资源，并且可能违反他们的服务条款。
答案 0 :(得分：0)
我认为您正在寻找的是descendant combinator。
您可以做的是找到这些<svg>元素的最亲生父母，这是彼此的兄弟姐妹。从您的屏幕快照中可以看出，这些元素可能是<a>类元素为{ {1}}应用于他们。
然后，使用这些元素标识偶数和奇数实例。
at-share-btn然后，使用descendant combinator，将这些.at-share-btn:nth-child(even) {
}
.at-share-btn:nth-child(odd) {
}
元素中的<svg>元素作为目标。
<a>