css伪类选择器nth-child

parade岁月

于 2018-06-08 12:55:54 发布

阅读量570

点赞数

分类专栏： # CSS

本文链接：https://blog.youkuaiyun.com/parade0393/article/details/80621700

版权

CSS 专栏收录该内容

9 篇文章

订阅专栏

需求是想把第二个子元素之后的元素设置同一个样式:

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>

效果如下: