CSS - 鏈接div影響兒童

有沒有一種方法，「a」不會影響div內的文本？只是div本身？我不希望他們加下劃線。不，我不能將「a」的文字修飾改爲無，因爲我需要它來進行常規鏈接。CSS - 鏈接div影響兒童

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

感謝

2012-02-12 Biker John

是，使用直接孩子選擇>

a > div { styles: go here; }

它只會影響「的div元素是a元素的直接子」

請注意，某些屬性的值爲inherit作爲值d EFAULT。這些屬性將需要被覆蓋。

2012-02-12 12:38:49

哇，不知道這一點：D非常感謝你:) – 2012-02-12 12:43:04

順便說一句，請記住，除非你採用html5文檔類型，否則包裝'div'的'a'是無效的。 – Tilt 2012-02-12 12:44:12

[它簡單地稱爲「子選擇器」。]（http://stackoverflow.com/a/3225905/106224）還要注意，某些屬性不能在後代元素中重寫。正如問題中提到的那樣，「文本修飾」就是其中一個屬性。 – BoltClock 2012-02-12 13:55:15

回答