CSS--结构伪类选择器

例子：<nav>
<ul>
<li>..........</li>
<li>..........</li>
<li>..........</li>
</ul>
</nav>

1、li : first-child
{定义第一个li
color：red；
}
2、li : nth-child(n）
{定义第几个li，就在括号里写序号
color:blue;
}
3、 li : last-child
{定义最后一个li
color:green;
}
4、nav>ul>li : nth-last-child(n)
{定义nav下的ul下的倒数的第n项li
color:red;
}
5、nav li : nth-child(odd/2n-1)
{定义奇数列 注：变量从0开始
color：red；
}
6、nav li:nth-child(even/2n)
{定义偶数列 注：变量从1开始
color： pink；
}
7、 div p:nth-of-type(3)
{指的是div下面的第3个p标签
color:red;
}
8、div p : only-child
{color:blue;}仅仅定义p标签一个标签
9、div p: empty
{color:red;}
指div下面的没有元素内容的p标签
10、#test>ul>li : not(:nth-child(3))
{指的是div下的ul下的第三个li不显示绿色，其余全显示
color:green;
}

有四个伪类选择器接受参数n：

:nth-child(n)

:nth-last-child(n)

:nth-of-type(n)

:nth-last-of-type(n)