Sélectionner l'élément précédent avec :has(+)
HTML
index.html <article>
<span>😀</span>
<span>😀</span>
<span>😀</span>
<span>😀</span>
<span>😀</span>
<span>😕</span>
</article>
CSS
style.css @layer demo {
span:has(+ span) {
text-shadow: 0 0 25px hsla(360deg, 100%, 50%, 100%);
}
}
@layer demoStyles {
body {
height: 100svh;
}
article {
background-image: linear-gradient(180deg, black, #333);
padding: 2rem 4rem;
border-radius: 20px;
font-size: 4rem;
}
}