选择器(选择符):
id class 类型(div span…) 后代选择器 伪类选择器 伪元素选择器…
属性选择器:
e[attr] 选中e元素,且e元素有attr属性
e[attr="value"] 选中e元素,且e元素有attr属性,值为value
e[attr~="value"] 选中e元素,且e元素有attr属性,包含值value
e[attr^="value"] 选中e元素,且元素有attr属性,以value值开头
e[attr$="value"] 选中e元素,且有attr属性,以value值结尾
e[attr*="value"] 选中e元素,且有attr属性,包含value值
e[attr|="value"] 选中e元素,且有attr属性,仅有value值,或者以value-开头
结构伪类选择器:
:first-child{} 选中第一个元素
:last-child() 选中最后一个元素
:nth-child(n){} n是从0开始的,
2n 偶数列 even
2n-1 奇数列 odd
:only-child{} 选中只有本身一个同级的元素
:nth-last-child(n){} 倒数第n个元素