选择器

提示

这里只罗列常用的选择器

序号选择器

属性名	描述
:first-child	匹配其父元素中的第一个子元素示例：`p:first-child{}`匹配`<p>`的父元素的第一个`<p>`元素
:last-child	匹配父元素中最后一个子元素示例：`p:last-child{}`匹配`<p>`的父元素下最后一个`<p>`元素
:nth-child(n)	匹配父元素中的第n个子元素示例：p:nth-child(2)匹配`<p>`的父元素中第`2`个子元素`<p>`标签

属性名	描述
element>element	子代选择器，使用 > 符号分隔两个元素示例： `div > p{}`选择`<div>`下的所有子级`<p>`元素
element+element	相邻兄弟选择器，使用 + 分隔两个元素示例：`div + p{}`选择所有紧接着`<div>`元素之后的第一个`<p>`元素
element1~element2	兄弟选择器，使用 ~ 分隔两个元素示例：`p~ul{}`选择同一父元素下的`p`元素之后的每一个`ul`元素