小白CSS学习日记杂乱无序记录(3)

1.后代选择器
.antzone li {
}
class='antzone' 所有子孙后代中的li
 
2.子选择器
.antzone > li {
}
class='antzone' 的子一代中的li
 
3. E+F相邻兄弟选择器,F在 E的相邻的后面位置
 
4.E~F兄弟选择器,F在E后面,并且同个父元素,不必相邻
 
5.属性选择器E[attr]
li[class] 所有有class属性的li
li[class='value'] 所有class为value的li
li[class~='value'] 所有class中含有value的li
li[class*='value'] 所有class中含有value的li
li[class^='value'] 以value开头的class li
li[class$='value'] 结尾
li[class|='value'] 以value开头或者以value-开头
原文地址:https://www.cnblogs.com/xiaotianblog/p/9456466.html