CSS3新增选择器

选择器
属性选择器 E[attr] 选中具有attr属性的E元素
E[attr="var"] 选中具有attr属性且值为var的属性
E[attr^="val"] 选中具有attr属性且值为var开头的E元素
E[attr$="val"] 选中具有attr属性且值为var结尾的E元素
E[attr*="val"] 选中具有attr属性且值包含var的E元素

                        可以省略E，代表所有元素

                        []  权重与class一个级别

            行为状态选择器  伪类
                E：link
                E: hover
                
                E:checked   元素被选中
                E:disabled  元素失效
                E:enabled   元素有效时被选中
                E::placeholder   元素占位符被选中

            结构伪类选择器  
                E:first-child{} 父元素中第一个元素是E
                E:last-child{}  父元素中最后一个元素是E
                E:nth-child(m){}父元素中弟m个元素是E
                E:nth-last-child(m){}  父元素中倒数第m个元素是E元素

                    m   关键字
                        odd：奇数
                        even：偶数
                    表达式
                        2n  2n+1 2n+5
                    m同nth-child()一样    

                先强调在父元素中的顺序，然后再判断元素是否是E元素

                E：firt-of-type{}      在父元素中选中子元素为E元素的第一个
                E：last-of-type{}      在父元素中选中子元素为E元素的最后一个
                E：fnth-of-type(m){}   在父元素中选中子元素为E元素的第m个
                E:nth-last-of-child(m){}  父元素中倒数第m个元素是E元素


                先强调类型，然后再判断类型中的顺序
                      m   关键字
                        odd：奇数
                        even：偶数
                    表达式
                        2n  2n+1 2n+5