html - td:empty に相当するインライン CSS

Question

CSSセレクターに相当するインラインCSSはありますか:

table td:empty {
  visibility: hidden;
}

これには何を書けばいいですか？

<table style="???">
  <tr>
    <td></td> <!-- to be filled later -->
    <td>foo</td>
  </tr>
</table>

score 3 · Accepted Answer

スタイルタグ内に配置するのはセレクターではなくスタイリングコードであるため、そうは思いません...要素はそれ自体で選択されます.HTML内にインラインスタイリングコードを配置すると、どこに配置しているかを知っていると思われますそれ。

それ以外の場合は、CSS スタイルシートとセレクターを使用する必要があります。

score 3 · Accepted Answer

Bardo の答えは一般的に正しいです。インライン属性でセレクターを指定することはできません。styleこれは、その属性を持つ要素に適用されるスタイル宣言のみを受け入れるためです (継承にもかかわらず)。詳細と仕様への参照については、この質問に対する私の回答を参照してください。

ただし、空のセルを非表示にするという非常に具体的なケースでは、テーブル要素は実際に、探していることを実行できるempty-cellsプロパティをサポートしています。

<table style="empty-cells: hide">
  <tr>
    <td></td> <!-- to be filled later -->
    <td>foo</td>
  </tr>
</table>

propdef は、テーブル要素ではなくテーブルセルに適用されると述べていますが、プロパティは継承されているため、テーブル自体で指定して、継承を介してすべての空のセルに適用することができます。

2 に答える 2