Cibler un élément avec :nth-child()
HTML
index.html <article>
<span>🕳</span>
<span>🕳</span>
<span>🎯</span>
<span>🕳</span>
<span>🕳</span>
</article>
CSS
style.css @layer demo {
span {
--color-shadow: 360deg;
text-shadow: 0 0 25px hsla(var(--color-shadow), 100%, 50%, 100%);
&:nth-child(3) {
--color-shadow: 150deg;
}
}
}
@layer demoStyles {
body {
height: 100svh;
}
article {
background-image: linear-gradient(180deg, black, #333);
padding: 2rem 4rem;
border-radius: 20px;
font-size: 4rem;
}
}