一、复合选择器
复合选择器分为后代选择器、子代选择器、并集选择器和交集选择器,在写网页的时候可以根据情况选择合适的选择器来选中标签
1、后代选择器
后代选择器可以根据标签的嵌套关系,选中父元素后代中符合条件的元素。后代选择器的格式选择器1 选择器2,选择器1和2间用空格隔开。后代包括儿子、孙子、重孙等,都可以被选中
2、子代选择器
根据标签的嵌套关系,可以选中父元素子代中满足条件的元素。语法格式为选择器1 > 选择器2,它的范围只包括儿子
3、并集选择器
可以同时选择多个标签,并设置相同的样式,格式为选择器1,选择器2,并集选择器每组标签之间都要用逗号隔开,并集选择器可以提高代码的复用率,减少重复代码的书写
4、交集选择器
选中页面中同时满足多个选择器的标签,语法为选择器1选择器2,交集选择器两个选择器之间是紧挨着的,交集选择器中如果有标签选择器的话,必须把标签选择器写在最前面
二、hover伪类选择器
可以设置当鼠标悬停在元素上的状态时的样式,语法为选择器:hover
当鼠标在盒子外时
当鼠标在盒子内时