html - 列にネストせずにテーブル コンテンツを非表示にする

Question

<table style="display:none">
    unhidden text
    <tr>
        <td>
            hidden text
        </td>
    </tr>
</table>

テーブル全体に適用されているtdにもかかわらず、内のテキストのみが非表示になっています。display: noneも非表示にすることはできますunhidden textか?

Answer 1

表スタイルは、認識可能な表タグであるタグに対してのみ機能する必要があります...

ここにいくつかのオプションがあります..spanタグまたはそのdiv中のすべての要素に対して機能するタグを使用します。

<table style="display:none">
  <span style="display:none">unhidden text</span>
  <tr>
    <td>
        hidden text
    </td>
 </tr>
</table>

または私の意見では、より良い解決策です。

<div style="display:none">
  <table>
    unhidden text
   <tr>
    <td>
        hidden text
    </td>
  </tr>
 </table>
</div>