伪类选择器

最新推荐文章于 2022-09-01 17:32:09 发布

原创最新推荐文章于 2022-09-01 17:32:09 发布 · 159 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了CSS中伪类选择器的使用方法，包括first-child、last-child和nth-child等，通过实例展示了如何为不同位置的元素应用特定样式。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

有多行不止是两行的时候，除了last-child和first-child还可以用nth-child（）来修饰。

<head>
	<meta charset="UTF-8">
	<title>伪类选择器1</title>
	<style>
		p:first-child{
			color: red;
		}
		p:last-child{
			color: blue;
		}
		p:nth-child(2){
			color: yellow;
			
		}
	</style>
</head>
<body>
	<p>some text</p>
	<p>some text</p>
	<p>some text</p>
</body>