マイメロメロメロミメロメロアワセテメロメロムメロメロなSTUPID BLOG 趣味SIDE
2006年9月14日

classを複数指定したときにMac IEで

今更Mac IEなんてどうでもいいと思うのですが忘れないためにメモっておきます。

classを複数指定したときに何故だかMac IEだと子要素に指定した値が親要素に反映されてしまいます。

例えば親要素にborderの指定無しで子要素にborder:solid 1px #000;とか指定すると親要素にまでborderが作られてしまうんです。

解決方法として、

  • classの複数指定をしない
  • 複数指定の代わりにidで指定
  • cssで記述するときに子要素の後に親要素の記述をする。

Mac IEの為だけにid増やしたりするのはイヤなので3番目のを使っています。親要素を子要素の後に持っていってさらに子要素で指定した値を打ち消すために親要素の方で指定し直す必要があります。

Win IE5とか5.5とかMac IEは早くこの世から消滅して欲しいですね。

[ css ]
Posted by 骨兎 at 09:39 このエントリーを含むはてなブックマーク

Trackback

このエントリーのトラックバックURL : http://stupid.s344.xrea.com/x/mt/XXXmottb.cgi/1236

Post a comment