CSS の履歴(No.2)

Tag: CSS

目次†

以下の様なテーブルの場合

<table class="saple1">
<tr><td>a</td><td>b</td></tr>
</table>

次のように指定する。

table.sample1 {
  border: 1px solid;
};

table.sample1 td,th {
  border: 1px solid;
};

html - Why does "<! --" comment out a style rule, but "<!--" does not? - Stack Overflow、styleタグ内でのCSSのコメントアウトに対して、コメントアウトしたと持ったスタイル(ボーダーあり)が、適用され、間にスペースを入れた不正なコメントアウトでスタイルが適用されないのはなぜか？という質問。
歴史的な理由により、styleタグ内のコメントの扱いがちょっと変わっているため。styleをサポートしていないブラウザはコメント内を普通に無視するかわりに、styleをサポートしているブラウザは内容を解釈する処理となっている。
```
     <style type="text/css">   

    </style>
```
C言語式にスラッシュと米印のコメントアウトを使わないといけない。
このためstyleタグ内に、SGML形式のコメントで本当の意味でコメントを書いてもだめ。
この場合、"tdのコメント"がcssとして解釈されてエラーとなり、その次のスタイルが適用されなくなってしまう。
```
     <style type="text/css">   

      td {border: 1px; }
    </style>
```