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。這些屬性將需要被覆蓋。