常用选择器

选择器	示例	说明
.class		-
#id		-
element	p	-
elem1, elem2	div, p	选择所有的`div`元素和`p`元素
elem1 elem2	div p	选择所有的`div`元素内的所有`p`元素，包含所有的后代元素
elem1>elem2	div>p	选择父级是`div`的所有`p`元素，`p`的父级必须是`div`
elem1+elem2	div+p	选择`div`之后的相邻`p`元素，`div` 和`p`必须是相同父级
elem1~elem2	div~p	选择同一父级下`div`后的所有`p`元素，`div` 和`p`必须是相同父级
:first-child	p:first-child	匹配其父元素中的第一个子元素
:last-child	p:last-child	匹配其父元素中的最后一个子元素
:before	p:before	向选定的元素前插入内容，使用content属性来指定要插入的内容
:after	p:after	向选定的元素后插入内容

:before&:after content的属性值

值	说明
none	设置Content，如果指定成Nothing
normal	设置content，如果指定的话，正常，默认是"none"（该是nothing）
counter	设定计数器内容
attr(attribute)	设置Content作为选择器的属性之一。
string	设置Content到你指定的文本
open-quote	设置Content是开口引号
close-quote	设置Content是闭合引号
no-open-quote	如果指定，移除内容的开始引号
no-close-quote	如果指定，移除内容的闭合引号
url(url)	设置某种媒体（图像，声音，视频等内容）
inherit	指定的content属性的值，应该从父元素继承