使用CSS将背景色/图像应用于跨度

我有下面的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;

}

我尝试下面的CSS，但它没有应用任何颜色。
img[src*=“/test/test.png”]+span{
背景色：红色；
}

---

我只想在特定图像标记的帮助下，将背景色/图像应用于第一个跨距。

试试这段代码。希望这对你有用

td-img{
高度：250px；
宽度：600px；
背景位置：中心；
背景重复：无重复；
背景尺寸：封面；
}
跨度：第n个孩子（3）{
边框：5px实心；
高度：250px；
宽度：500px；
显示：内联块；
背景：#f00；
}
跨度：第n个孩子（4）{
高度：250px；
宽度：500px；
显示：内联块；
背景图片：url(https://i.ibb.co/W2tYdfv/88.jpg);
背景位置：中心；
背景重复：无重复；
背景尺寸：封面；
}

您能稍微细化一下您的问题吗。样式是否取决于图像，以确定要提供的跨度。如果没有，你可以选择span，

td span{}

它只取决于图像，因为相同的html结构在页面上多次可用，我想在主题中应用css，这样就可以应用所有应用程序。如果你想要第一个span，你可以使用第n个子对象，比如so

td:n子对象（3）{background:red；}

，或者（4）当然你想要第二个跨度。但是您可以在CSS中使用图像选择跨度，但如何选择跨度取决于图像url。如果我为td应用第n个子项，它也将应用于具有相同结构的页面上的其他td。我只想应用于特定的span，它与特定的图像绑定。在上面的示例中，如果我在span第n个子元素上应用css，css将应用于页面上的所有span第n个子（3）元素。我只需要将下面的span应用于scr=test.png的特定图像