选择器之伪类与伪元素选择器_伪元素选择器在类上面

选择器之伪类与伪元素选择器

一.链接伪类。

锚点伪类：

提示：在 CSS 定义中，a:hover 必须被置于 a:link 和 a:visited 之后，才是有效的。
提示：在 CSS 定义中，a:active 必须被置于 a:hover 之后，才是有效的。
提示：伪类名称对大小写不敏感。

二.表单相关伪类。

表单状态1：

表单状态2：

===>

获取焦点：

===>

三.结构性伪类。

nth-child系列：


nth-of-type系列：

not():

empty:
target：

四.伪元素选择器。

before,after：

:first-line 伪元素
“first-line” 伪元素用于向文本的首行设置特殊样式。
在下面的例子中，浏览器会根据 “first-line” 伪元素中的样式对 p 元素的第一行文本进行格式化：实例

p:first-line
{
color:#ff0000;
font-variant:small-caps;
}

:first-letter 伪元素
“first-letter” 伪元素用于向文本的首字母设置特殊样式：

p:first-letter
{
color:#ff0000;
font-size:xx-large;
}

selection: