前端学习(十七) 选择器 二(css)

组合选择器

后代选择器

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;

猜你喜欢

转载自blog.csdn.net/zy21131437/article/details/80860520