CSS3选择器

属性选择器

项目	Value
E[att]	选择具有att属性的E元素
E[att=‘val’]	选择具有att属性且值为val的E元素
E[att^=‘val’]	选择以val开头的E元素
E[att^=‘val’]	选择以val结尾的E元素
E[att^=‘val’]	选择包含att属性包含val的E元素

结构伪类选择器

项目	Value
ul li:first-child	选择li父元素ul下的第一个li
ul li :nth-child(n)	选择li父元素ul下的第n个li（从1开始数）even，odd奇偶
2n	偶数
2n+1	奇数
5n	5，10，15
n+5	从第5个开始到最后
-n+5	前5个
nth-of-type（）	指定类型的

伪元素选择器

项目	Value
::before	在元素内容前面插入内容
::after	在元素内容后面插入内容

伪元素清除浮动

:after {
            content: "";
            display: block;
            clear: both;
        }

伪元素解决外边距合并(塌陷)

:before {
            content: "";
            display: table;
        }