Применить цвет фона / изображение, чтобы охватить с помощью CSS

Question

У меня есть структура HTML ниже и я хочу применить CSS к span, используя только CSS.

<table>
<tr>
<td>
 <table>
  <tr>
   <td>
     <img src="/test/test.png">
   </td>
  </tr>
 </table>
  <input type="hidden">
<span>
</span>
<span>
</span>
</td>

</tr>
</table>

I am trying below CSS but it is not applying any color.

img[src *="/test/test.png"] +span {
background-color:Red;

}

Я хочу применить цвет фона / изображение к первому диапазону только с помощью специального тега изображения.

Answer 1

Попробуйте этот код.Надеюсь, что это будет работать для вас

td img {
    height: 250px;
    width: 600px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

span:nth-child(3)  {
    border: 5px solid;
    height: 250px;
    width: 500px;
    display: inline-block;
    background: #f00;
}
span:nth-child(4) {
    height: 250px;
    width: 500px;
  display:inline-block;
    background-image: url(https://i.ibb.co/W2tYdfv/88.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

<table>
<tr>
<td>
 <table>
  <tr>
   <td>
     <img src="https://i.ibb.co/k8N4R4Z/66.jpg">
   </td>
  </tr>
 </table>
  <input type="hidden">
<span>
</span>
<span>
</span>
</td>
</tr>
</table>