CSS结构性伪类选择器

学习一下CSS结构性伪类选择器

以下选择器只有在 IE9 及 IE9 以上生效

:root: 匹配元素的根元素,等同于 元素
:not(selector): 否定选择器
:empty: 选择没有任何子元素的节点,即使连空元素都不行,但不包括注释
:target: 选择器来对页面某个target元素(该元素的id被当做页面中的超链接来使用)指定样式,该样式只在用户点击了页面中的超链接,并且跳转到target元素后起作用
:first-child()选择器表示的是选择父元素的第一个子元素的元素E。简单点理解就是选择元素中的第一个子元素,记住是子元素,而不是后代元素。
:nth-child(): 选择某个元素的一个或多个特定的子元素;
:nth-last-child(): 从某父元素的最后一个子元素开始计算,来选择特定的元素。
:nth-of-type(): 与 nth-child() 对应,表示父元素的子元素。
:nth-last-of-type(): 同上,与 nth-last-child() 对应。