在css中选择活动链接之前的链接

有没有办法从css中的活动链接中选择上一个链接？ 我想对活动链接的上一个链接应用特定样式，例如链接3是活动链接，因此我只想对链接2进行样式设置：

<ul>
   <li><a href="#">link 1</a></li>
   <li><a href="#">link 2</a></li>
   <li class="active"><a href="#">link 3</a></li>
   <li><a href="#">link 4</a></li>
   <li><a href="#">link 5</a></li>
   <li><a href="#">link 6</a></li>
</ul>

我知道我可以在jquery中轻松地做到这一点，但我想知道是否有其他方法可以在css中实现这一点

---

这些链接相互关联，在网站的导航菜单上形成了一个链接，这是违反直觉的，但是可以做到

您需要反转项目并将其向相反方向浮动，然后使用下一个同级邻接选择器

HTML

CSS

---

CSSHow中没有以前的同级选择器。是否显示这些链接？它们是否放在同一行左浮动？你怎么知道他的链接是浮动的？问题中没有任何东西可以这样假设。@FabrizioCalderan…我知道，浮动是答案的一部分，只取决于问题中的HTML。谢谢，这就成功了。。。选择器中的“+”运算符对我来说是新的唯一问题是，当网站处于响应模式时，解决方案将使链接1主页显示在底部，这不是传统的方式！

<ul>
    <li><a href="#">link 6</a>
    </li>
    <li><a href="#">link 5</a>
    </li>
    <li class="active"><a href="#">link 4</a>
    </li>
    <li><a href="#">link 3</a>
    </li>
    <li><a href="#">link 2</a>
    </li>
    <li><a href="#">link 1</a>
    </li>
</ul>

ul {
    display:inline-block; /* <-- disguise the float:right position change */
}
li {
    float:right; /* <-- re-reverse item ordering in DOM */
    display:inline-block;
}
li.active + li a {
    color:pink; /* <-- select the next sibling (which due to reversing the DOM elements is now the previous one */
}