CSS3新增：结构伪类选择器&伪元素选择器

1.结构伪类选择器：可方便的选取一个或多个特定的元素

:first-child 选取属于其父元素的首个子元素

:last-child 选取属于其父元素的最后一个子元素

:nth-child(n) 选择第n个子元素

　　　    n=even / 2n ：选取偶数孩子  

　　　　n=odd / 2n+1 ：选取奇数孩子

 

2.伪元素选择器：

::first-letter / line: 文本第一个单词 / 第一行

::selection: 改变选中文本的样式

::before & ::after

这两兄弟特性一样：1.必须要带content属性（可以为空）

　　　　　　　　　2.属于行内盒子

 

3.属性选择器：

div[class=xx]: 选择类名为xx的div

div[class^=xx]: 选择以类名为xx开头的div

div[class$=xx]: 选择类名是以xx结束的div

div[class*=xx]: 选择类名带有xx的div

转载于:https://www.cnblogs.com/jinfengJeff/p/11101499.html