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

Posted 2023-03-06

【中文标题】css选择器选择包含img的表格单元格[重复]

【英文标题】：css selector to select a table cell contains img [duplicate]

【发布时间】：2013-02-20 09:06:08

【问题描述】：

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

【问题讨论】：

您需要 javascript 来执行此操作。 ***.com/q/45004/2129835

【参考方案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;

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

【讨论】：

我能问一下，当“当前的任何浏览器都不支持”时，您为什么还要提出这样的答案？这实际上等同于根本没有答案。

只是为了指出进一步的发展。我不希望这个答案被接受，但添加这个以供稍后参考。

我喜欢包含可能即将发生的事情的答案，但似乎这样的答案还应该包括此时此地的解决方案（因为显然 OP 今天需要一些答案，而不是每当 CSS4可能出现在浏览器中）。