Question

我有这个无序列表

<ul>
     <li> test1</li>
     <li>test2 </li>
     <li class="current">test3</li>
     <li>test4</li>
</ul>

我想要做的是选择.current孩子并从中访问test2。这意味着选择.current并返回“test2

”

test1的相同内容返回两个步骤以获取test1并将不同的CSS关联到它。

可行吗？

Answer 1

没有先前的兄弟选择器或父选择器，所以不，纯CSS不可行。

如果您使用了一些javascript，那将非常简单，例如

document.getElementsByClassName('current')[0].previousSibling.style = /* Whatever you want here */;

假设一次只有一个current类

Answer 2

在未来的浏览器中，CSS Level 4选择器将使您能够使用以下内容（WIP）更轻松地解决此问题：

!li + .current {}