CSS链接的div会影响孩子

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作为值。这些属性需要被覆盖。