first-childっぽい効果をネガティブマージンで実現 | Takazudo Clipping*first-childっぽい効果を、first-childや、余分なclass付加なしで実現しようという話です。すごい地味Tipsですが・・・。 例えばこんなものを作りたいとします。 リストの間に線が入っているというデザイン。コレを組むときにどうするか。こんな感じでul / li で組むとして、borderを上か下につけようとか思っていた場合、最初か最後についてしまう、余分なボーダーをなんとかせねばならぬ。 <ul> <li>hoge hoge hoge hoge</li> <li>hoge hoge hoge hoge</li> <li>hoge hoge hoge hoge</li> </ul> まず、考えられるのは、liの上にborderをつけ、li:first-childで、最初のリストだけborder-top:none;などを指定して、何とかする方法。しかし、IE6はfirst-
