2011-10-27

[CSS] last-child(first-child)を使わずリストのborderを消す

これまでにも何度かやっていたはずなのですが、忘れていたのでメモです。
例は最後のborderを消すパターンになります。

勘違いしてulにmargin-bottom:-1pxを入れていました。
それはリストタグの方に入れて、ulにoverflow:hiddenと
IE6対策としてzoom:1を指定します。


ul#shoplist {
	overflow:hidden;
	zoom:1;
}

ul#shoplist li {
	padding:20px 0;
	border-bottom:1px solid #cccccc;
	margin-bottom:-1px;
}

Comment:

Trackback URL: