CSS - 链接的 div 影响 child

Question

有没有办法让“a”不影响 div 内的文本？只是 div 本身？我不希望他们被强调。不，我不能将“a”的文本修饰更改为无，因为常规链接需要它。

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

谢谢

Answer 1

是的，使用直接子选择器 >

a > div { styles: go here; }

它只会影响“div 元素，它是 a 元素的直接子元素”

请注意，某些属性默认将 inherit 作为值。这些属性将需要被覆盖。