伪类选择器
伪类(不存在的类,特殊的类)
作用:伪类用来描述一个元素的特殊状态(比如第一个元素、被点击的元素、鼠标移入的元素...)
伪类一般情况下都是使用:开头
:first-child 选中第一个子元素
:last-child 选中最后一个子元素
:nth-child(n) 选中第n个子元素
里面的n值根据具体情况选填:
n 第n个 n的范围表示0到正无穷
2n 或 even 第2n个 表示选中偶数位的元素
2n+1 或 odd 表示选中奇数位的元素
注意:以上这些伪类都是根据所有的子元素进行排序的
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>伪类选择器/伪元素</title>
<link rel="stylesheet" href="selector.css">
</head>
<body>
<ul>
<li>第一个</li>
<li>第二个</li>
<li>第三个</li>
<li>第四个</li>
<li>第五个</li>
</ul>
</body>
</html>
/* 在ul的子元素li