css选择器选择一个包含img的表格单元格

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

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

所以在你的情况下，选择器看起来像这样（根据当前规范）：

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

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