加强版选择器---后代选择器:
后代选择器就是使用多个选择器的组合来找到要控制的标签,不同的选择器之间使用空格分隔开
#wrap p {
border: 1px solid red;
}
加强版选择器---子代选择器:
以下的意思就是 id为 wrap中的子代p元素添加给定的样式
#wrap > p {
border: 1px solid red;
}
加强版选择器---群组选择器:
#wrap , .con p {
border: 2px solid black;
}
通配符选择器,选择到所有的标签:
* {
border: 1px solid black;
}
毗邻选择器:
.con + p {
选择类名为con的元素后面的p元素,且要求p元素必须是div元素的兄弟级元素
}