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