css里面的.box + .box

来源:学生作业帮助网 编辑:六六作业网 时间:2024/12/22 02:55:14
css里面的.box+.boxcss里面的.box+.boxcss里面的.box+.box这是个CSS的相邻同胞选择器..box+.box意思就是:选择紧邻第一个box元素的同胞box元素.这俩类名一

css里面的.box + .box
css里面的.box + .box

css里面的.box + .box
这是个CSS的相邻同胞选择器.
.box + .box 意思就是:选择紧邻第一个box元素的同胞box元素.
这俩类名一样,解释起来有点混乱.
我举个例子.
例如:


标题

标题
文章段落

如果我这么写:.box1 + h1 ,那么我选择的就是类名叫.h1-1的元素.
如果:.box2 + h1 ,它不会选择任何元素,因为.box2的下面没有一个叫h1的同胞元素.
如果:h1 + div ,那么会选择.box2的div元素.
第一个元素 + 第二个元素
这个选择器只会选择 紧邻第一个元素 并且是在第一个元素下面的同胞级元素
上面那段代码,如果你写 :.box1 + .box2 将没有效果,因为他们中间夹了个h1元素.
但是有一个选择器可以实现,就是.box1 .box2 同胞选择器.
能力有限,不知帮到了吗?

应该没有+吧
是不是.box .box?

你在CSS哪个位置看到的这些啊?