CSS--结构伪类选择器

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

一、li : first-child
{定义第一个li
color：red；
}
二、li : nth-child(n）
{定义第几个li，就在括号里写序号
color:blue;
}
三、 li : last-child
{定义最后一个li
color:green;
}
四、nav>ul>li : nth-last-child(n)
{定义nav下的ul下的倒数的第n项li
color:red;
}
五、nav li : nth-child(odd/2n-1)
{定义奇数列 注：变量从0开始
color：red；
}
六、nav li:nth-child(even/2n)
{定义偶数列 注：变量从1开始
color： pink；
}
七、 div p:nth-of-type(3)
{指的是div下面的第3个p标签
color:red;
}
八、div p : only-child
{color:blue;}仅仅定义p标签一个标签
九、div p: empty
{color:red;}
指div下面的没有元素内容的p标签
十、#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)