ドロップダウンメニューがあり、変更しようとしていますリストの最後の項目は、文字列が「SALE」に等しく、赤になっている場合のみ。 nth-childまたはlast-childを使用してリスト内の項目を正常に選択できますが、すべてのドロップダウンが <li>
文字列 SALE
。 jQueryを使用してこれをどのように達成できますか?
jQuery("ul.top-cat-links li.top-cat-tops a:last-child").css("color","#ff0000");
回答:
回答№1は1もし SALE
直接ではない li
要素、使用できます :has
:
ul.top-cat-links li.top-cat-tops:has(:contains("SALE")) a:last-child
もしそうなら、あなただけを使用することができます :contains
:
ul.top-cat-links li.top-cat-tops:contains("SALE") a:last-child
JavaScriptを使用してこのようなクラスを追加するのは「良いアイデアではありません。サーバーサイド言語で追加しないのはなぜですか」。