Home > XHTML+CSS > IE6で複数のclassを指定した際のルール

IE6で複数のclassを指定した際のルール

  • Posted by: kurakuen
  • 2009年12月17日 17:15
  • XHTML+CSS
  • このエントリーを含むはてなブックマーク   はてなブックマーク -IE6で複数のclassを指定した際のルール

classを複数指定した際、IE6とその他のブラウザとの解釈が異なったため、一応メモ。

html

  • リスト1
  • リスト2
  • リスト3
  • リスト4
  • リスト5
  • リスト6
  • リスト7
  • リスト8

css

.sample-list .sample{ color:black;}
.sample-list .sample.last{color:red;}

上記のような場合、firefox等ではリスト5のみテキストカラーが赤になるが、IE6ではリスト8のテキストも赤になってしまう。
おそらく、

.sample-list .sample.last = .sample-list .last 
このように認識してしまうため、複数classを使用する際は少し注意が必要。

Comments:0

Comment Form

Trackbacks:0

TrackBack URL for this entry
http://xn--hds914btrs.com/mt/mt-tb.cgi/56
Listed below are links to weblogs that reference
IE6で複数のclassを指定した際のルール from 苦楽園.com

Home > XHTML+CSS > IE6で複数のclassを指定した際のルール

Search
Calendar
« 2009 12 »
S M T W T F S
    1 2 3 4 5
6 7 8 9 10 11 12*
13 14* 15* 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31    
About

苦楽園在住 Webディレクター見習い
某大学建築学科より単身乗り込んだWeb業界で奮闘中。

Links
Feeds
Photos

Return to page top