css - テーブルセルを選択するためのcssセレクターにはimgが含まれています

Question

imgが入っているテーブルセルのフォントカラーを赤にしたいのですが。具体的には、cssセレクターをどのように使用しますか？問題は、特定のタイプの要素を子として持つ要素をどのように選択するかということにまで及ぶ可能性があります。ありがとう

score 3 · Accepted Answer

どの細胞に画像が含まれるかを前もって知っていますか？その場合、td要素にクラスを追加します。次に例を示します。

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

That's the easiest way... Otherwise you'd need to use JavaScript. In jquery this would look like:

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

score 2 · Accepted Answer

CSS4には、スタイルを設定する要素をより大きなセレクターでマークするための仕様があります。実際の記号はさまざまで、現在はを指してい!ます。

したがって、あなたの場合、セレクターは次のようになります（現在の仕様による）：

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

ただし、これは現在のブラウザではサポートされていないことに注意してください。

2 に答える 2