css里面的.box+.box表示什么意思?
答案:3 悬赏:60 手机版
解决时间 2021-12-22 13:44
- 提问者网友:几叶到寒
- 2021-12-22 00:02
css里面的.box+.box表示什么意思?
最佳答案
- 五星知识达人网友:独行浪子会拥风
- 2022-01-06 00:55
这是个CSS的相邻同胞选择器。
.box + .box 意思就是:选择紧邻第一个box元素的同胞box元素。
这俩类名一样,解释起来有点混乱。
我举个例子。
例如:
<div class="box1"></div>
<h1 class="h1-1">标题</h1>
<div class="box2">
<h1 class="h1-2">标题</h1>
<p>文章段落</p>
</div>
如果我这么写:.box1 + h1 ,那么我选择的就是类名叫.h1-1的元素。
如果:.box2 + h1 ,它不会选择任何元素,因为.box2的下面没有一个叫h1的同胞元素。
如果:h1 + div ,那么会选择.box2的div元素。
第一个元素 + 第二个元素
这个选择器只会选择 紧邻第一个元素 并且是在第一个元素下面的同胞级元素
上面那段代码,如果你写 :.box1 + .box2 将没有效果,因为他们中间夹了个h1元素。
但是有一个选择器可以实现,就是.box1 ~ .box2 同胞选择器。
能力有限,不知帮到了吗?
.box + .box 意思就是:选择紧邻第一个box元素的同胞box元素。
这俩类名一样,解释起来有点混乱。
我举个例子。
例如:
<div class="box1"></div>
<h1 class="h1-1">标题</h1>
<div class="box2">
<h1 class="h1-2">标题</h1>
<p>文章段落</p>
</div>
如果我这么写:.box1 + h1 ,那么我选择的就是类名叫.h1-1的元素。
如果:.box2 + h1 ,它不会选择任何元素,因为.box2的下面没有一个叫h1的同胞元素。
如果:h1 + div ,那么会选择.box2的div元素。
第一个元素 + 第二个元素
这个选择器只会选择 紧邻第一个元素 并且是在第一个元素下面的同胞级元素
上面那段代码,如果你写 :.box1 + .box2 将没有效果,因为他们中间夹了个h1元素。
但是有一个选择器可以实现,就是.box1 ~ .box2 同胞选择器。
能力有限,不知帮到了吗?
全部回答
- 1楼网友:笑迎怀羞
- 2022-01-06 02:44
应该没有+吧
是不是.box .box?
- 2楼网友:夜余生
- 2022-01-06 01:23
是元素(div a li ul 等)的css属性.id是这个元素的唯一标识只能一个元素使用用,class是类其他的元素可以共用
你的那个box 是以box命名的一个id属性 如 div#{color:red;}; 再如 class="center" div.center {float:left;}这种css样式
我要举报
如以上问答信息为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯