過去の投稿記事 new!
・【画像】漫画でわかる外国人参政権
・東京電力のHPで停電状態が確認できたり(サービス再開!)
・戦国時代 ~ 江戸時代の徳川家康が熱かった
・vaio のバッテリは寿命が短いような気がする
・話題の Western Digital 製 WD20EARS を購入した
・C01LC をビックカメラで買ってきた
・2025年には空中都市が現実化?!
・【動画】わかりやすい「宇宙ひも理論」
・今世紀には「富士山噴火」「東海連動地震」「首都圏直下型地震」か?
・滅びた町、南浜町が Googleストリートビューで見れる

【 amazon 送料無料キャンペーン 】

バックリンクはご自由にどうぞ!     http://mfsocket.blogspot.com/feeds/posts/default?alt=rss リンク集 / ログイン

2010/05/22
css の #(シャープ) と .(ドット) の違い

 
css で定義するとき #(シャープ) と .(ドット) の違いを知らなかったのですが、
これには明確に用途が異なるようです。
 
例えば HTML 側で
 
   <div      id="hoge_1"></div>
   <div class="hoge_2"></div>
 
という風に div 要素を使い id と class を使用する場合、css でのルールでは
以下の通りになっています。
 
  id     = 1回のみ使える    #(シャープ)
  class   = 何回でも使える  
. (ドット)
 
という関係のようです。
 
hoge.css
 
#hoge_1{}
.hoge_2{}
 
 
1回しか使用してはならない id を何度も間違って使ってしまうという人為的ミスを
抑えるなら、定義にはドットを使用して class にするって言うのも良いかも。
 
とは言っても javascript を用いて動的に css のプロパティ値を変えるなら id の方が
便利そうですね。
 

0 コメント:

  • コメントには <b>, <strong>, <em>, <i>, <a> など一部の HTML タグを使用できます。