Shunさんのブログの「そろそろCSSハックの良し悪しについて考えてみる（書式編）」というエントリを拝見して。

上記エントリ内で、各種ハックについての良し悪しの解説がされている。Shunさんの書かれている内容にはほとんど同意。

私もバリデータ信者で何がなんでもバリデータは通しておきたい。ただバリデータも完璧ではないので、意図ある部分でエラーもしくは警告が出た場合はスルーなわけだが。

で、ぶっちゃけ現在私が使ってるのは上記エントリ内で掲載されている中では、

・media属性の利用(NN4除外)
・子セレクタの利用(モダンブラウザ向けの指定)
・!importantの利用(たまーーに)

の3つくらいだったりする。
結構この3つだけで事足りると思うのだが･･･。
え?みんなもっといろいろ駆使してる?(汗)

あまり古いバージョンへの考慮が不必要な案件が少ないことと、納期や予算の都合上あまりそこまで手を入れられないというのも私の現実。

今私が念頭においているブラウザはIE6/7、FF、NN、Operaの5つ。
基本的にIE6の挙動不審さは十分分かっているので、まずFFに合わせてコーディングし、そのあとIE6の不審点を探す。

ただ、それを修正する際IE6向けのハックは一切使わない。
理由は２つ。
結局Shunさんの書かれているようにスターハックもアンダースコアハックも書式上正しくないから。もう一つは見直した時にコメント入れててもややこしくなるから。自分の書いたソースが自分だけが見るとは限らないわけで、何かあった時にメンテナンスが面倒になるのも嫌。

ではどうしているかというと、嫌々ながらも通常の記述をIEのバカなレンタリングに合わせてあげる。それからモダンブラウザ向けに子セレクタを用いて記述をオーバーライドさせる。子セレクタはCSS2.0でちゃんと仕様として認められている書式なわけで、何も問題ない。一応他人が見た時の為に「/* for modern browser */」とコメントは入れておくだけ。

最近やっかいな事があって、IE6への指定をモダンブラウザ用に子セレクタでオーバーライドしてもFFなどは正しい解釈をしてくれるのにIE7だけIE6と同じ解釈をしてしまったりするケースがある。(事例メモってなかった、すいません。)IE7は子セレクタを解釈してしまうので、再度IE7だけに「*:first-child+html」でさらに上書きしてたりして。

ちなみに現在個人的には「＜!--[if lt IE 7]＞」みたいな条件付コメントは全然視野に入れてない。理由はただ単にIEさんが嫌いなので「IE」という文字を特別扱いにするのがしゃくに障る、とただの嫌悪感だけ。使ったら使ったで便利なのかもしれないが、できるだけ記述は少なくしたいと私は思っているので同じcssファイル内で一番コンパクトに収めるのが自分の理想的なソースだったりする。

そんで･･･「*:first-child+html」は厳密な書式的にはどうなのよって話なのだが、全ての要素の最初の子である要素が直前にあるhtmlって何のこっちゃわからないな。実際バリデータは通るのさ。でもやっぱなんかおかしい。ルート要素扱いじゃないもんなぁ。(完全にこの文章自体もおかしいな･･･)


ハック雑感･･･
以前にも書いたがハックを用いるケースというのは、ほんとにその案件やサイトのどの部分なのかによってケースバイケースで、正直ちょっとくらいの支障ないズレとかなら目をつむる事もある。

解説しているサイトがこう言ってるから100%それに従う必要はないが、一般的なハックを用いるのは結局バグでバクを修正しているだけで、弊害がないかどうかの知識と検証は絶対必要。そのためにもちゃんとそのハックを使ってる場合は解説サイトにちゃんと目を通しておくことをおすすめする。(ってこのブログは全然役に立たないので説得力ないけど。)