伪类选择器

以下是几个伪类选择器的介绍:(注:以下均以li标签为例)

第一个:该选择器是伪类,是在ol,ul列表中,标签为li的第一个标签始终为红色,不管改变哪句元素都是第一个为红色。

li:first-child{
   color:red;   
}

第二个:同上,只最后一个,始终使最后一行为红色,无论改变哪句元素,都是最后一个

li:last-child{
   color:red;
}

第三个:该类型特殊,在child后面()中填写第几行,将会指定到哪一句。

li:nth-child(){
   color:red;
}

注:nth-child()是一个特殊值,选中第几个元素;

特殊值如下:n 选择所有的元素

2n+1 选择奇数行(另一种写法是odd)

2n 选择偶数行(另一种写法是even)

备注:以上所有的伪类选择器都是根据所有的子元素进行排序的

同类型选择器:

在同类型的第一个:

li:first-of-type{

}

同类型的最后一个:

li:last-of-type{

}

同类型选择哪一个:

li:nth-of-type{

}

以上是根据同类型的选择器的子元素排序的

li:not(:nth-of-type()){
  font-size:20px;   所有的字体都变大为20px,唯独某一行没有,那么在type()后面的()中填哪一行元 
                    素。
}

上述是否定伪类选择器:

你可能感兴趣的:(选择器,伪类选择器,css,css,前端)