伪类选择器是一虚拟的选择器,类如第一个元素、选中的元素,
伪类选择器的范围很广,它不需要在元素中去特别设置
伪类选择器语法:
:选择器
常见的几类伪类选择器:
:first_child(选择第一个元素)
:last_chaild(选择最后一个元素)
:nth_child(n) (选择第n个元素)
伪类选择元素语法;
::选择元素
:first-of-type
:last-of-type
:nth-of-type(n)
:not(:nth-child(n)) 意思是:除了第n个元素都被选择
<style>
/* 选择第一个元素 */
ul>li:last-child{
color:violet;
}
/* 选择第三个元素 */
ul>li:nth-child(3){
color: aquamarine;
}
ul>li:not(:nth-child(3)){
color: black;
}
</style>
<ul>
<li>第一个</li>
<li>第二个</li>
<li>第三个</li>
<li >第四个</li>
<li>第五个</li>
<li>第六个</li>
</ul>
效果图