普段はサファリなんてハックする必要のないブラウザですが、たまぁぁぁぁによく分からない動作をする時があります。特にjava scriptとcssを併用した部分では、1pxくらいずれたりずれなかったり。いっその事気づかないふりしたいじゃないか。そんな時の覚え書き。

【for safari3】
body:first-of-type クラス名・ID名{
margin:5px 0 10px 5px;
}

body:first-of-typeってヤツがキモのようですね。

【for safari2】
html:¥66irst-child クラス名・ID名{
margin:5px 0 10px 5px;
}

html:¥66irst-childは場所によってはOpera9でも反応するように書いてますが、私のOpera9では大丈夫でした。なんでだろう？
それにしても、あまり必要ないからこそ、2と3でHack方法が違うのがなんか腹立たしい。cssの量がほんの数行増えるだけなのに、なんかやるせない気分になる。バリ島が伊豆大島あたりにあったらいいのにな、と思うくらいに一緒にして欲しい（それはムリだろ）Hackなんかしないほうがいいに決まってるし、その為にちゃんと書いてるつもりなんだけど、上手くいかない時もあるもんですね。