css - 用于选择包含 img 的表格单元格的 css 选择器

Question

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

Answer 1

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

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

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

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

Answer 2

在 CSS4 中有一个规范，用于在更大的选择器中标记您要设置样式的元素。实际符号有所不同，目前指向!。

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

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

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