在CSS中选择相邻和以前的兄弟姐妹

时间:2011-04-12 14:08:03

标签: html css

比方说我有以下HTML

<ul>
  <li><a href="a">A</a></li>
  <li><a href="b">B</a></li>
  <li class="myclass"><a href="c">C</a></li>
  <li><a href="d">D</a></li>
  <li><a href="e">E</a></li>
</ul>

现在我可以通过使用以下css .someclass + li {}来确定使用class =“myclass”的下一个兄弟到li。但是,如果我想将CSS规则应用于之前的li,是否可以使用css而不是jQuery的$(“#some-id”)。prevAll()或编写一些JavaScript来查找它?

我没有那么自信,因为我从未听说过这个,而且我的搜索没有提供解决方案。

由于

2 个答案:

答案 0 :(得分:4)

不,在CSS中你无法“遍历”dom结构。您只能递归地继承样式定义。

答案 1 :(得分:0)

即使在CSS3 specification中也没有选择器可以做到这一点;你要么必须在为元素分配类和使用其他选择器方面具有创造性,要么使用jQuery。