Question

Is there a way that “a” does not affect texts inside the div? Just the div itself?
I dont want them to be underlined. And no, i cant change “a”‘s text-decoration to none, because i need it for regular links.

<a href="#">
<div style="smthing">
<span>text</span>
<span>text</span>
<span>text</span>
<span>text</span>
</div>
</a>

thanks

Answer 1

Yes, use the direct child selector >

a > div { styles: go here; }

It will only affect “the div element which is a direct child of a element”

Note that some properties have inherit as a value by default. Those properties will need to be overridden.