CSS3三类选择器

1.属性选择器

选择符	简介
E[att]	选择具有att属性的E元素
E[att=“val”]	选择att属性为val的E元素
E[att^=“val”]	匹配att属性开头为val的E元素
E[att$=“val”]	匹配具有att属性、且其值以val结尾的E元素
E[att*=“val”]	匹配具有att属性、且值中含有val的E元素
E[att~=“val”]	匹配具有att属性，且值中包含val且val前有空格的E元素

注意：类选择器、属性选择器、伪类选择器权重都为10。

2.结构伪类选择器

选择符	简介
E:first-child	匹配父元素中的第一个子元素E
E:last-child	匹配父元素中的最后一个子元素E
E:nth-child（n）	匹配父元素中的第n个子元素E
E:first-of-type	指定类型E的第一个
E:last-of-type	指定类型E的最后一个
E:nth-of-type	指定类型E的第n个

说明：nth-child（n）
1、n可以是数字、关键字（add、even）和公式；
2、公式中，n从0开始计数；
2、通常，第0个或超出元素会被忽略；

3. 伪元素选择器

• ::before
• ::after
  注意：

1、before和after必须有content属性；
2、before在内容的前面，after在内容的后面；
3、before和after都会创建一个行内元素；