6个强大的CSS选择器
1. div >a 这个选择器将使我们能够选择所有父元素是div标签的元素。 <!-- This one will be selected --> <div> <a></a> </div> <!-- This one won't be selected --> <p> <a></a> </p> 2. div +a 选择紧接在div元素之后的每个标签。如果我们在div和a标签之间有一个元素,则不会选择该元素。 <main> <!-- This one will be selected --> <div></div> <a></a> <!-- This one won't be selected --> <div></div> <p></p> <a></a> </main> 3. div ~a a标签将选择每个标签,然后在同一级别上添加div标签。换句话说,如果a标签不是紧跟在div标签之后,而是具有div标签作为同级元素,则将选择该标签。 <main> <!-- This one will be selected --> <div></div> <a></a> <!-- This one will be selected --> <div></div> <p></p> <a></a> <section> <!-- This one will be selected --> <div>