Is there a method to specifically target the 'data-season' attribute with the value "winter"?
This is my HTML:
<li data-season="summer">summer
<ul class="groups">
<li data-item="beach">beach</li>
<li data-item="Hawaii">Hawaii</li>
<li data-item="Beach Ball">Beach Ball</li>
<li data-item="hot sun">hot sun</li>
</ul>
</li>
<li data-season="winter">winter
<ul class="groups">
<li data-item="snow">snow</li>
<li data-item="glacier">glacier</li>
<li data-item="hot soup">hot soup</li>
<li data-item="snow man">snow man</li>
<li data-item="heater">heater</li>
</ul>
</li>
I have obtained the string "winter" from my jQuery function,
Now, I want to apply CSS only to snow, glacier, hot soup, snow man, and heater without affecting summer. How can I achieve this?