css中选择器属性选择器

.a.b 交集选择器

.a .b .c  后代选择器 获取a下面的的b

.a,.b 并集选择器

.a>p 子代选择器，选取子一代的p标签

.a~p同代选择器 选取a后面的跟a同代的所有p标签

.a+p同代选择器 选取 a后面紧挨着的同代的标签

选择器权重 class>id>div

div[class]:只要标签中包含class，就能被选中

div[class=div1]与div[class="div1"]是一种意思，选择div中class=div

div[class^=div1]此地有坑，请注意，此句的意思是选择class值以div1开头的，但是如果给class设置两个值，比如class=“ooo div1” 那这个class是选不到的，此处注意！如果改成class=“div1 ooo”是可以选到的

div[class$=c]此地是跟上述一样的坑，选择值以C结尾的class，如果存在两个class值，必须是最后那个以c结尾才能选到

div[class~=div]属性class值是div或者属性的class中含有div这个值，不是字符串

div[class|=div]class值是div或者以div-开头的

div[class*=ABC]包含ABC这个字符串

div[id][class]div中既包含class也包含id