伪类选择器

li:first-child {
	font-weight: bold;
}

作用：选择所有 li 的父元素的第一个孩子。

关键字

对于类似 nth-child(n) 的伪元素，其 n 可以填内置关键字，如 odd 就是选择奇数位， even 就是选择偶数。

child

• first-child: 选择第一个
• last-child: 选择最后一个
• nth-child(n): 选择第n个

锚元素相关

• link: 单独选择含有 href 的锚元素
• visited: 选择被访问过的链接 (通常不设置)
• hover: 选择鼠标被悬停的锚元素
• active: 选择鼠标长按点击的锚元素

问题

• 伪元素结合后代选择器有时会失效：

<article>
	<header> ... </header>
	<p> ... </p>
	<p> ... </p>
</article>

如果用以下CSS选择

article p:first_child {
	color:red;
}

并不会让第一个 p 变成红色，因为后代选择器会选择 article 的第一个元素，但其并不是 p 元素，因此失效。