CSSのクロスブラウザについて

最近仕事でデザインの作成が増えてきた。

ブラウザ限定ならいいのだが、クロスブラウザ対応となると頭が重い。。
そこで、ブラウザごとに読み込むプロパティを変更させる方法を見つけたので、まとめてみる。

IE６限定

CSSのプロパティ名の前に「_」をつける。

.hoge{
width: 30px;
_width: 20px;
}

上記の例だと、IE６で見た場合は、幅が20px。
それ以外は、30pxとなる。

IE限定

CSSのプロパティ名の前に「>」をつける

.hoge{
width: 30px;
>width: 20px;
}

上記の例だと、IEで見た場合は、幅が20px。
それ以外は、30pxとなる。

これで、なんとかいけそう。