リストの最初と最後だけ違うスタイルを適用したいときのCSS
これの応用編。 例えば、こんな風に、リストの１つ１つの項目が枠線で囲まれてる場合にどうするか？ しかも、境界線部分が点線、それ以外は実線になっているなら。 <ul> <li>メニュー１</li> <li>メニュー２</li> <li>メニュー３</li> <li>メニュー４</li> <li>メニュー５</li> </ul> HTMLは↑こんな感じ。 リストの最初と最後にクラスを指定する。「:first-child疑似クラス」と「:last-child疑似クラス」を使う。「:last-child疑似クラス」の代わりに「expression」を使う。jQueryを使う。ULに枠を付ける。思いついたのはこの5つの方法。 HTMLのタグを修正できる場合リストの最初と最後にクラスを指定すればいい。 <ul> <li class="first">メニュー１</li> <li>メニュー２</li> <
もうlast-childとfirst-childくらい使いたい - oogatta のブログ
使いたい 現状（IEのために現実的に）使えない CSS Selectors のうち、今一番使いたいものといえばそれは当然 last-child と first-child になるかと思います。僕が。で、これが無いと影響が HTML に及んでしまい、HTML に及ぶと言うことはサーバアプリケーションにまで及んでしまうので、とにかく使いたい。 ul.honyarara li { border-right:1px solid #000; } ul.honyarara li:last-child { border-right:none; } という奴です。 現実的に今のブラウザシェアを見て、これに対応していないのは、すでに IE6/7 だけとなりました（IE7 は対応なんですが、コメントもエレメントと数えやがりなさるので事実上使えないと考えておいた方がシュアーです） で「IE6/7 だけ」となれば
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
