Tag: CSS

目次

関連ページ

参考情報

Tips

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

セレクタ命名規則

  • いろいろあるけど、ハイフンで区切るのが一般的っぽい(Google/WordPress/Bootstrapなど)。

トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2016-04-13 (水) 16:47:24 (1010d)