CSSでリストの最後の項目を選択する方法はありますか？

は、次のように私がリストを持っていると言う：CSSでリストの最後の項目を選択する方法はありますか？

ITEM1
ITEM2
ITEM3

は私が直接、リストの最後の項目を選択できるようになりますCSSセレクタはありますか？この場合アイテム3です。

乾杯！

2008-09-09 Marcel

私はli：last-childセレクタを先に実行しました。私はIEで動作しないので、私はそれを使用することはできません。この場合、私はHTMLを制御できないので、最初と最後の子にそれに応じてタグを付けることはできません。 – Marcel

その場合、私はあなたが望むことをするためにこれを得るつもりはないと思います。あなたはそれをコントロールしているならjavascriptでそれをすることができます。そして、あなたはその道を下りたいですが、それはドラゴンズで暗く恐ろしい道です;） –

2013年のブラウザサポートの正解はOZZIEです。時代遅れの答えはGlenn Slavenです。 – gorbysbm

私は気づいていません。従来の解決方法では、最初の&の最後の項目にclass = "first" & class = "last"というタグを付けて識別することができます。

CSS psudo-class first-childは、最初の項目を取得しますが、すべてのブラウザでサポートされているわけではありません。 CSS3にはlast-child tooがあります（これはFirefox、Safariでは現在サポートされていますが、IE 6/7/Beta 8ではサポートされていません）。

出典

2008-09-09 03:14:58

正しくサポートされるまで、最後の項目にクラスを追加する必要があります。ただし、手動で行う必要はありません。あなたはjavascriptのヒットを取ることができた場合は、どちらかを見てみましょう：

the jQuery :last-child selector
Keeping Your Elements’ Kids in Line with Offspring（アレックス・ビショフだけ離れた論文リスト）、具体的な、軽量な方法

のどちらかでしょうあなたのマークアップを「汚染する」のを避けてください。あなたのスタイルがデザインフィーチャである必要があります。

出典

2008-09-09 09:49:00

これは、あなたがx-platformサポートを探しているなら、まだそうであるようです。 –

2番目のリンク「Keeping Your ...」が機能しました！ –

+1 jQueryリファレンス。多くの製品/テンプレートスキニング練習の場合のように、マークアップを制御しないと、これは広範なx-browserとの互換性で成功する唯一の（そして最も簡単な）方法です。 – cdonner

この質問の回答は更新する必要があります。 IE9 + Firefox（しばらく前から）+ Chrome、Safariのすべてのサポート：last-of-typeまたはlast-child

出典

2012-11-04 20:27:47 OZZIE

CSSでリストの最後の項目を選択する方法はありますか？

答えて

関連する問題