Html 为什么img不全面了解家长？

.landing{
职位：继承；
宽度：100%；
高度：80vh；
z指数：0；
}
.landing.wrapper+img{
宽度：100%；
}

---

您可以使用

第一个子元素

元素：

.landing{
职位：继承；
宽度：100%；
高度：80vh；
z指数：0；
}
.着陆.包装器img:第一个孩子{
宽度：100%；
}

---

您可以使用

第一个子元素

元素：

.landing{
职位：继承；
宽度：100%；
高度：80vh；
z指数：0；
}
.着陆.包装器img：第一个子{
宽度：100%；
}

---

.wrapper+img

在此HTML结构中查找

img

：

<div class="wrapper"></div>
<img src="..." />

如果只想将第一个

img

作为目标，它是

.wrapper

的子对象，请使用

（子选择器）和

：第一个类型的

伪选择器：

.landing  .wrapper > img:first-of-type {
    width: 100%;
}

---

.wrapper+img

在此HTML结构中查找

img

：

<div class="wrapper"></div>
<img src="..." />

如果只想将第一个

img

作为目标，它是

.wrapper

的子对象，请使用

（子选择器）和

：第一个类型的

伪选择器：

.landing  .wrapper > img:first-of-type {
    width: 100%;
}

---

---

.landing.wrapper+img

在

.wrapper

之后选择一个

img

，您需要

.landing.wrapper-img

以

img

的内部

为目标。wrapper

对不起，没有得到@connexo；-）的答案如果你在着陆和包装之间的关系上犹豫，包装和img之间存在相同的关系，因此你不需要加号-加号意味着元素是兄弟元素，图像直接跟随包装-即在彼此相同的级别上，而包装和img有父子关系。只要去掉加号，你的代码就可以了

.landing.wrapper+img

在

.wrapper

之后选择一个

img

，您需要

.landing.wrapper img

以

img

的内部

为目标。wrapper

对不起，没有得到@connexo；-）的答案如果你在着陆和包装之间的关系上犹豫，包装和img之间存在相同的关系，因此你不需要加号-加号意味着元素是兄弟元素，图像直接跟随包装-即在彼此相同的级别上，而包装和img有父子关系。只要去掉加号，你的代码就可以了。我知道这种方法，但我想使用兄弟选择器。你不能使用任何兄弟选择器选择第一个图像。我知道这种方法，但是我想使用同级选择器。您不能使用任何同级选择器选择第一幅图像。我只想增加第一幅图像的大小，并将其添加为第三部分。我在答案的第一部分解释了这一点是NextSibling（或Neighbor）选择器，并在同一DOM级别上查找下一个元素。我只想增加第一个图像的大小，并将其添加为第三部分。我在答案的第一部分解释了这一点。+是NextSibling（或邻居）选择器，并在同一DOM级别上查找下一个元素。