css里面的.box + .box 表示什么意思?

html-css016

css里面的.box + .box 表示什么意思?,第1张

这是个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 同胞选择器。

能力有限,不知帮到了吗?

是CSSBOX写的代码的问题, 简单说, 就是你只写了第一个广告的代码, 刷新一次,广告代码就变了需要手写代码,比如你百度知道的那个div[id="center-top-ad"]{ display:none!important}这样就可全杀掉了