html - 如何使用 CSS nth child？

Question

我有这个无序列表

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

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

返回test1两个步骤以获取test1不同的 CSS 并将其关联到它也是如此。

可行吗？

score 5 · Accepted Answer

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

如果你使用一些 javascript 会很容易，比如

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

假设一次只有一current堂课

score 0 · Accepted Answer

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

!li + .current {}

2 回答 2