组合选择器
后代选择器
A B,B是A的后代节点,(B是A的子节点,或者是A的子节点的子节点)
例如:div p{}
div元素下的p元素
子选择器
A>B,B是A的直接子元素
同级选择器
A+B,B是A的下一个兄弟节点(A,B有相同的父元素,并且B紧跟在A后面)
同级选择器
A~B,B是A的下一个兄弟节点,(A,B有相同的父元素,但是B不一定要紧跟着A,而且是可以多个的),例如div~p,那么是指所有div后跟着的P元素,不单单只有一个
分用选择器
将大量重复的代码的部分放在一起,以“,”隔开,例如
div{
font-size:16px;
color:red;
}
p{
font-size:16px;
color:blue;
}
那么上面上个相同的部分可以合并:
div,p{
font-size:16px;
}