伪类选择器一

同一个标签，根据其不同的状态，有不同的样式。这就叫做“伪类”。伪类用冒号来表示

超链接相关

1. :link “链接”：超链接点击之前（只适用于a）
2. :visited “访问过的”：链接被访问过之后（只适用于a）
3. :hover “悬停”：鼠标放到标签上的时候（适用于所有标签）
4. :active “激活”： 鼠标点击标签，但是不松手时。（适用于所有标签）

xxxxxxxxxx
/*让超链接点击之前是红色*/
a:link{
    color:red;
}
/*让超链接点击之后是橘色*/
a:visited{
    color:orange;
}
/*鼠标悬停，放到标签上的时候是绿色*/
a:hover{
    color:green;
}
/*鼠标点击链接，但是不松手的时候是黑色*/
a:active{
    color:black;
}

温馨提示

记住，在css中，这四种状态必须按照固定的顺序写

如果不按照顺序，那么将失效。"爱恨准则"love hate。必须先爱，后恨。

:first-child 选择器

定义

:first-child选择器匹配其父元素中的第一个子元素

实例

列表中的第一个<li>元素选择的样式

xxxxxxxxxx
li:first-child{
    background:yellow;
}

:last-child选择器

定义

:last-child选择器用来匹配父元素中最后一个子元素

实例

指定最后一个p元素的背景色

xxxxxxxxxx
p:last-child{
    background:#ff0000;
}

:nth-child()选择器

定义

:nth-child(n)选择器匹配父元素中的第 n 个子元素，元素类型没有限制

n 可以是一个数字，一个关键字

实例

奇数和偶数是可以作为关键字使用用于相匹配的子元素，其索引是奇数或偶数（该索引的第一个子节点是1）。 在这里，我们为奇数和偶数p元素指定两个不同的背景颜色

xxxxxxxxxx
p:nth-child(odd){
    background:#ff0000;
}
p:nth-child(even){
    background:#0000ff;
}

实时效果反馈

1.下列哪个是鼠标悬停选择器：

A :link

B :visited

C :hover

D :active

答案

1=>C