CSS: 组合选择符

版权声明:原创内容,欢迎转载 https://blog.csdn.net/weixin_43731793/article/details/91381325

1、CSS3 四种组合方式:

后代选择器(以空格分隔)
子元素选择器(以大于号分隔)
相邻兄弟选择器(以加号分隔)
普通兄弟选择器(以破折号分隔)

2、后代选择器

后代选择器用于选取某元素的后代元素。

3、子元素选择器

与后代选择器相比,子元素选择器(Child selectors)只能选择作为某元素子元素的元素。

4、相邻兄弟选择器

相邻兄弟选择器(Adjacent sibling selector)可选择紧接在另一元素后的元素,且二者有相同父元素。

如果需要选择紧接在另一个元素后的元素,而且二者有相同的父元素,可以使用相邻兄弟选择器(Adjacent sibling selector)。

5、后续兄弟选择器

后续兄弟选择器选取所有指定元素之后的相邻兄弟元素。

猜你喜欢

转载自blog.csdn.net/weixin_43731793/article/details/91381325