web-dev-qa-db-ja.com

特定のクラスを持つ最後の要素をスタイルする

私はこのようなコードを持っています。

<div class="slick"></div>
<div class="slick active"></div>
<div class="slick active"></div>
<div class="slick active"></div>
<div class="slick"></div>
<div class="slick"></div>

クラスが 'active'である最後のdivをスタイルしたいです。これを行う方法はありますか？

csshtmlstylesheetselect
2
Gince George

現在の状態でこの問題をCSSで解決する（良い）方法はありません。最善の解決策は、最後のアクティブdivにクラスを追加するか、javascriptを使用することです。

詳細については この質問 を参照してください。

1
Sjors Ottjes

jQueryの助けを借りてあなたはそれを達成することができます。

jQueryは親の最後の子を見つけ、クラスとスタイルを追加することでそれを変更することができます。

このリンクを通って行きなさい https://api.jquery.com/last-child-selector/ /

または次のようにcssを使用してください https://css-tricks.com/almanac/selectors/l/last-child/

0
Shareef