当前位置: 首页 > Web前端 > CSS

CSS3中的几个选择器

时间:2023-03-30 14:09:20 CSS

[TOC]css选择器逗号组选择器AB使用相同的样式表

如果其中一个元素格式不正确,则该组中的所有样式都将无效。比如.A写成上面的..A,那么.A和.B的样式都不会生效。空间后代选择器选择所有作为A后代的B元素(不管中间有多少代)
css3开始支持>子元素选择器。+相邻兄弟选择器选择紧跟在A元素之后的B元素图中只显示A色块,说明只有一种B元素样式有效。使用场景中有多个相同的元素,只有第一个元素的样式不同。~兄弟选择器和相邻兄弟选择器的区别在于它不需要跟随,只要它是相同的父元素从图中可以看出显示4个元素,第一个B元素没有样式,因为它前面没有A元素