次のようなリストがあるとします。
- アイテム1
- アイテム2
- アイテム3
リストの最後の項目を直接選択できる CSS セレクターはありますか? この場合、項目 3.
乾杯！
Marcel Tjandraatmadja
質問する
11873 次
3 に答える
15
私が知っているわけではありません。従来の解決策は、最初と最後の項目に class="first" & class="last" のタグを付けて識別できるようにすることです。
CSS 疑似クラスの最初の子は最初の項目を取得しますが、すべてのブラウザーがそれをサポートしているわけではありません。CSS3 にもlast-child があります(これは現在、Firefox、Safari でサポートされていますが、IE 6/7/beta 8 ではサポートされていません)。
于 2008-09-09T03:14:58.100 に答える
6
適切にサポートされるまでは、提案されているように「最後の」アイテムにクラスを追加する必要があります。ただし、これを手動で行う必要はありません。JavaScript をヒットできる場合は、次のいずれかをご覧ください。
- jQuery :last-child セレクター
- Keeping Your Elements' Kids in Line with Offspring (Alex Bischoff によるリスト別の記事)、特定の軽量な方法
どちらもマークアップの「汚染」を回避し、スタイルが「必須」のデザイン機能ではなく「優れた追加」である場合は完全に受け入れられます。
于 2008-09-09T09:49:00.587 に答える
3
この質問の答えは更新する必要があります！IE9 + Firefox（しばらく前）+ Chrome、Safariはすべてサポート：last-of-typeまたはlast-child
于 2012-11-04T20:27:47.663 に答える