基于子选择器的CSS样式父级

Question

我想知道如何为这种情况编写一个选择器：

<a href="/shows/test/..." class="ico-wrap">
  <img titie="something" width="91" src="somthing.jpg" />
  <span class="ico">
   <i class="ss-play">content</i>
  </span>
</a>

我正在尝试设置所有大小为91的图像，这些图像也包含带有类别.ico的跨度，其中包含ss-play的“i”标记。我几乎是要设计ico跨度，如果它有孩子“我”与类ss-play

我的第一次尝试是使用url来解决这个问题，所以我使用了这个选择器，但是在html中有一些实例可以覆盖样式。

a.ico-wrap[href*="shows"] img[width*="91"] ~ .ico

此样式选择了具有该宽度图像的ico-wrap类的所有标签。虽然它有效，但我很快注意到并非所有带有“节目”的图像都有一个播放图标。所以解决方案是局部的。我希望能够定位那些我用ss-play标记的图像（91）。请帮忙。

Answer 1

唯一的可能性是将图像放在.ico标记内。 否则，由于CSS的功能，它将无法与纯CSS一起使用。它是级联的，您无法选择包含特定元素的特定元素。