需求是想把第二个子元素之后的元素设置同一个样式:
demo如下:
<!DOCTYPE html>
<html>
<head>
<title>css伪类选择器nth-child</title>
<meta charset="utf-8">
<style type="text/css">
.nth li:nth-child(n+2){
background-color: red;
}
</style>
</head>
<body>
<div class="nth">
<li>第一个</li>
<li>第二个</li>
<li>第三个</li>
<li>第四个</li>
<li>第五个</li>
</div>
</body>
</html>
效果如下:
