如何使用CSS第n个孩子？

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一次只有一个班级