Html 使用n-child()选择元素

Html 使用n-child()选择元素,html,css,Html,Css,如何使用cssnth-child()概念定位在所选或活动的li元素之前/之前的li <ul> <li><li> <li>i want to select this li</li> <li class="active"></li> <li><li> </ul> 我想选择这个李 CSS中没有以前的同级选择器,但是有一个相邻的同级选择器(使用+选择器):

如何使用css
nth-child()
概念定位在所选或活动的
li
元素之前/之前的
li

<ul>
  <li><li>
  <li>i want to select this li</li>
  <li class="active"></li>
  <li><li>
</ul>
  • 我想选择这个李

CSS中没有以前的同级选择器,但是有一个相邻的同级选择器(使用
+
选择器):

li.active{
颜色:红色;
}
主动的,主动的{
颜色:绿色;
}
  • 仅使用纯CSS无法选择此项
  • 这是激活的
  • 这是与active Directory相邻的

在css3之前没有
prev
选择器。似乎只有在css4中。您可以使用jquery来完成此操作。好的,谢谢您的回复。我将在jqueryok中完成它,然后让我使用jquery:)做一些工作,谢谢您的回复@David@IamSarav使用JS有很多方法:-)。JS总是来参加比赛!哈哈:那是真的。。如果可能的话,我只想在CSS中尝试一种简单的方法。@IamSarav不用担心-为了清晰起见,我也为您添加了一个jQuery答案:-)太好了@大卫:)谢谢