CSS 后代选择器、子元素选择器、相邻兄弟选择器、通用兄弟选择器、属性选择器

405 阅读1分钟

1、后代选择器

我们可以定义后代选择器来创建一些规则,使这些规则在某些文档结构中起作用,而在另外一些结构中不起作用。

后代选择器.png

2、子元素选择器

我们可以不选择任意的后代元素,而是希望缩小范围,只选择某个元素的子元素。

子元素选择器.png

3、相邻兄弟选择器

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

相邻兄弟选择器.png

4、通用兄弟选择器

通用兄弟选择器.png

5、属性选择器

属性选择器.png