CSS拓展选择器可以针对特定的元素或元素状态来定义样式。比如我们可以使用伪类选择器来选择鼠标悬停在元素上时的样式，或者使用伪元素选择器来在文本前后添加内容。下面介绍一下CSS常用的拓展选择器。

/* 伪类选择器 *//* 鼠标悬停状态 */a:hover {color: red;}/* 元素获得焦点时 */input:focus {border: 2px solid blue;}/* 链接被点击过的状态 */a:visited {color: purple;}/* 选中的元素 */:checked {background-color: gray;}/* 伪元素选择器 *//* 在元素前插入内容 */p::before {content: "前缀内容";}/* 在元素后插入内容 */p::after {content: "后缀内容";}/* 第一个字母大写 */p::first-letter {text-transform: capitalize;}/* 第一行文字加粗 */p::first-line {font-weight: bold;}

拓展选择器可以让我们在CSS样式中增加更多的选择器来选择需要样式的元素，让网页更加美观和有序。