css复合选择器

后代选择器

作用:后代选择器可以选择所有的后代标签 包括儿子 孙子 重孙子...

选择器与选择器之间使用空格隔开

后代选择器最终选择的是子代元素.选中子孙后代.

后代选择器可以是任意基础选择器的组合.

如果想要给a标签设置颜色,必须选中a标签才可以.

选择器1 选择器2{css属性:属性值;}
如果想要给a标签设置颜色,必须选中a标签才可以:
选择器1 选择器2 a{css属性:属性值;}
ul li{
    color:red;
}

子代选择器

作用:子代选择器只能选中亲儿子标签(亲儿子选择器)

选择器1>选择器2{css属性:属性值;}
.box>strong{
    color:red;
}

并集选择器

作用:同时选中多组标签,设置相同的样式.

选择器1,选择器2{css属性:属性值;}
em,
i {
     font-style: normal;
 }

交集选择器

作用:交集选择器可以理解为既又的原则

选择器1选择器2{css属性:属性值;}
div.box {
            color: red;
        }

hover伪类选择器

作用:选中鼠标悬停时候的样式

选择器:hover{css属性:属性值;}
/* 鼠标经过改变a的文本颜色 */
a:hover {
      color: orange;
}
 /* 鼠标经过改变盒子背景颜色 */
 .box:hover {
            background-color: #ff6700;
}