CSS3常用新增选择器

1.属性选择器

• [属性名]
• [属性名=“值”]
• [属性名^=“值”] 以值开头
• [属性名*=“值”] 包含值
• [属性名$=“值”] 以值结尾

2.结构伪类选择器

• :first-child 第一个元素
• :last-child 最后一个元素
• :nth-child(n) 第n个元素
• :nth-last-child(n) 倒数第n个元素
• :nth-child(a*n+b)
• :nth-child(-n+2)
• :nth-child(odd)
• :nth-child(even)

其中n>=0, a*n+b>=1

3.其他选择器

• :target 被锚的链接指向的时候触发
• ::section 鼠标选中时的样式
• ::first-line 第一行
• ::first-letter 第一个字母/符号/字符

4.伪元素选择器

• ::before
• ::after

li::before{
	content:'这是文字内容';
	display:block;
	width:20px;
	height:20px;
	color:red;
}