Html 访问兄弟姐妹的风格

我的HTML看起来像这样：

<ul>
    <li>
        <a></a>
        <a></a>
        <a></a>...
    </li>
</ul>

什么也没发生。但是

ul>li>a:first-child ~ a{
    color: green !important;
}

很好用。

---

将样式应用于带有已访问链接的

，对我来说也很有效。

尝试对上述内容稍加修改，此选择器应该可以工作。在这里，我试图选择嵌套在

li

下的任何

a

的兄弟，之后，我忽略了尚未访问的

a

。这应该模拟您正在寻找的效果

---

预览相同的：

---

ul>li>a~a:未访问（：已访问）{
颜色：红色；
}

您不能，使用

设置样式：已访问的

仅限于某些样式（）这是否意味着您希望在已访问的样式之前和之后都设置链接的目标。。。如果为“是”，则为“否”，则无法对标记中位于已访问的同级之前的同级执行此操作。为此，您需要一个脚本。使用

：visited

，以及您可以设置样式的属性的限制，除了链接本身之外，您不能以其他元素为目标，因此您的第一个样式不起作用。您的解决方案会选择页面上所有未访问的链接（我已经尝试过这个）。我想要列表中所有未访问的链接，只有在同一列表中有已访问的链接时才需要。@СццЯцццццццццццццццц109。仅当列表项中已有已访问链接时，我才尝试在列表项中选择未访问的链接。

ul>li>a:first-child ~ a{
    color: green !important;
}