为什么img没有占据父母的全宽?

mid*_*mer 1 html css

.landing{
        position: inherit;
        width: 100%;
        height: 80vh;
        z-index: 0;
    }
    
    .landing  .wrapper + img{
        width: 100%;
    }
Run Code Online (Sandbox Code Playgroud)
<div class="landing"> 
  <div class="wrapper"> 
    <img src="http://lorempixel.com/350/100/" alt="Our Building">
    <img src="http://lorempixel.com/350/100/" alt="LOGO"> 
  </div> 
</div>
Run Code Online (Sandbox Code Playgroud)

我想要的只是图像应该与其父母一起使用,请帮助我.提前致谢

vis*_*hnu 5

你可以使用first-child元素:

.landing{
    position: inherit;
    width: 100%;
    height: 80vh;
    z-index: 0;
}

.landing .wrapper img:first-child {
    width: 100%;
}
Run Code Online (Sandbox Code Playgroud)
<div class="landing">
    <div class="wrapper">
        <img src="https://via.placeholder.com/350x100" alt="Our Building">
        <img src="https://via.placeholder.com/350x100" alt="LOGO">
    </div>
</div>
Run Code Online (Sandbox Code Playgroud)