div > p 匹配div直接后代为p的元素（孙子后面的不算）
div + p 匹配div后面的邻居为p的元素
div ~ p 匹配div后面的所有邻居为p的元素
[class = ’box’] 匹配具有class属性并且值等于box并且只有这个值的元素
[class ~= ’box’] 匹配具有class属性并且值等于box的元素
[class |= ’box’] 匹配具有class属性并且值等于box或者以box-开头的元素
[src ^= ‘image’] 匹配具有src属性并且值以image开头的元素 模糊匹配
[src $= ‘png’] 匹配具有src属性并且值以png结尾的元素 模糊匹配
[src *= ‘gi’] 匹配具有src属性并且值里面包含gi的元素 模糊匹配
伪类选择器
li :first - of - type{} 选中li是其父元素的第一个li的元素，无视其他子元素
li : first - child{} 选中其父元素的第一个子元素并且是li元素，不无视其他子元素
li :last - of - type{} 选中li是其父元素的最后一个li的元素，无视其他子元素
li : last- child{} 选中其父元素的最后一个子元素并且是li元素，不无视其他子元素
li : only - of - type{} 选中其父元素只有一个li类型的子元素 ，其他子元素可以多个 但li必须只有一个, 当li有两个以上时无法匹配
li : only - child{} 选中其父元素只有一个li的子元素，独生子，有其他子元素则无法匹配
li : nth-of-type(3){} 选中其父元素里的第三个li元素，无视其他子元素
li : nth-child(3){} 选中其父元素的第三个元素且必须是li元素，不无视其他子元素
li : nth-last-of-type(2){} 其父元素倒数第二个li元素，无视其他子元素
li : nth-last-chile(2){} 其父元素倒数第二个li元素，不无视其他子元素
P : first - line{} p元素里的第一行
P : first - letter{} p元素里的第一个字（可以做首字母大写）
P :: selection{} p元素里被选中的文字
P : empty{} 为空的p元素 里面什么都不能有，空格都不能有
P : not(:first-child){} 除了最后一个子元素之外的p 取反
input : enabled{} 所有启用的input元素
input : disabled{} 所有禁用的input元素
