css html5选择器

1、伪元素选择器
::first-line 匹配文本块的首行，如p::first-line表示选中p元素的首行
::first-letter 匹配文本内容的首字母
::before 在选中元素的内容之前插入内容
::after 在选中元素的内容之后插入内容

2、伪类选择器
:root 选择文档中的根元素，通常返回HTML
:first-child 父元素的第一个子元素
:last-child 父元素的最后一个子元素
:only-child 父元素有且只有一个子元素
:only-of-type 父元素有且只有一个指定类型的元素
:nth-child(n) 匹配父元素的第n个子元素
:nth-last-child(n) 匹配父元素的倒数第n个子元素
:nth-of-type(n) 匹配父元素定义类型的第n个子元素
:nth-last-of-type(n) 匹配父元素定义类型的倒数第n个子元素
:link 匹配链接元素
:visited 匹配用户已访问的链接元素
:hover 匹配处于鼠标悬停状态下的元素
:active 匹配处于被激活状态下的元素，包括即将单击（按压）
:focus 匹配处于获得焦点状态下的元素
:enabled(:disabled) 匹配启用（禁用）状态的元素
:checked 匹配被选中的单选按钮和复选框按钮的input元素
:default 匹配默认元素
:valid(:invalid) 根据输入数据验证，匹配有效（无效）的input元素
in-range(out-of-range) 匹配在指定范围之内（之外）受限的input元素

3、属性选择器：[<条件>] [href]{}

4、并集选择器：<选择器>，<选择器> em,strong{}

5、后代选择器：<选择器> <选择器> .asideNav li{}

6、子代选择器：<选择器> > <选择器> ul>li{}

7、兄弟选择器：<选择器>+<选择器> p+a{}

8、伪选择器： ::<伪元素>或:<伪类> p::first-line{}、a:hover{}

9、通用选择器：*{}

10、标签选择器：元素名称{} a{}、body{}…

11、类选择器： .<类名> .nav{} .p1{}

12、id选择器：#<值> #loge{}