<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
/*
伪类(不存在的类,特殊的类)
伪类用来描述一个元素的特殊状态
比如:第一个子元素、被点击的元素、鼠标移入的元素...
伪类一般情况下都是使用:开头
:first-child第一个子元素
:last-child最后一个子元素
:nth-child()选中第n个子元素
特殊值:
n为选中全部
2n为选中偶数位的
2n+1为选中奇数位的
odd为选中奇数位的
even为选中偶数位的
以上这些伪类都是根据所有的子元素进行排序
:first-of-type
:last-of-type
:nth-of-type
以上这些伪类都是根据同类型的子元素进行排序
:not()否定伪类
*/
ul > li:nth-child(2){
color: red;
}
/* ul > li:nth-of-type(1){
color: yellow;
} */
</style>
</head>
<body>
<ul>
<span>0</span>
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
</ul>
</body>
</html>
06-01