伪类选择器:不是真实存在的,表示的是元素的一种状态
- 常见的伪类:语法使用’:’开头
li:first-child{
color:red;
}
既要是li,还要是排序列表中的第一个元素,为红色字体。
:first-child 第一个元素
:last-child 最后一个元素
:nth-child(数字) 某个元素
特殊值:
2n/envn :偶数
2n+1/odd:奇数
以上伪类都是根据所有的子元素进行排序。
li:first-of-type{
color:red;
}
li中第一个元素,为红色字体。
:first-of-type 第一个元素
:last-of-type 最后一个元素
:nth-of-type(数字) 最后一个元素
功能上类似,不同的是,在同类型的子元素中去选择。
- 否定伪类:
li:not(l1){
font-size=“30px”;
}
Li中,其他元素字体都为30px,l1不变。
超链接的伪类: