css选择器选择包含img的表格单元格[重复]答案

【问题标题】：css selector to select a table cell contains img [duplicate]css选择器选择包含img的表格单元格[重复]
【发布时间】：2013-02-20 09:06:08
【问题描述】：

我想将其中有一个 img 的表格单元格的字体颜色设为红色。我将如何使用 css 选择器来专门做到这一点？该问题可以扩展到如何选择具有特定类型元素作为其子元素的元素。谢谢

【问题讨论】：

【解决方案1】：

您是否提前知道哪些单元格中会有图像？如果是这样，则向 td 元素添加一个类，例如：

<tr>
   <td class="has-image"><img src="..." /></td>
</tr>

这是最简单的方法...否则您需要使用 JavaScript。在 jquery 中，这看起来像：

$('td img').parents('td').addClass('has-image');

【讨论】：

【解决方案2】：

In CSS4 there is a spec，在较大的选择器中标记要设置样式的元素。实际符号不同，目前指向!。

因此，在您的情况下，选择器将如下所示（根据当前规范）：

table !td img {
  font-color: red;
}

但请注意，当前的任何浏览器都不支持此功能。

【讨论】：