加强版选择器---后代选择器:
后代选择器就是使用多个选择器的组合来找到要控制的标签,不同的选择器之间使用空格分隔开
#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元素的兄弟级元素}