嵌套CSS元素（樣式中的標題鏈接）

我試圖創建一個規則，以確保所有的html錨坐在<h3>標籤不顯示下劃線（並顯示一些其他顏色屬性）。這是我有什麼，但它不工作：

<h3><a href="#">Turn of underline etc</a></h3> 

h3 a, a:active, a:visited a:hover { 
    text-decoration:none; 
    color:#000000; 
}

來源

2011-03-24 Dkong

這應做到：

h3 a { 
    text-decoration:none; 
    color:#000; 
}

現場演示：http://jsfiddle.net/simevidas/7A2JX/

來源

2011-03-24 03:19:33

謝謝你的答案。它工作在隔離狀態，但我有一個單獨的全局html錨定樣式也被定義。它似乎覆蓋了上面的代碼。我怎樣才能防止這一點？這是全球定位碼： a：鏈接，a：有效{0}顏色：＃1d5298; text-decoration：underline; } – Dkong 2011-03-24 04:16:42

你有兩種選擇：讓Sime的定義更加具體（通過添加僞類：鏈接和：激活給他們），或者在每個屬性的末尾添加！重要標誌。 – 2011-03-24 09:00:38

你可以這樣做如下。

這樣做是爲了當h3中的超鏈接被mousy盤旋時。

h3 a:hover { 
    color: #FFFF20; 
}

而這對於實際樣式（當沒有徘徊時），文本修飾應該帶走下劃線。

h3 a { 
    text-decoration: none; 
    color: #EBE6C8; 
}

來源

2011-03-24 03:21:34 wilbbe01

您在a：visited後缺少逗號。

來源

2011-03-24 05:12:18 Corey

如何回答這個問題？ – pixeltocode 2011-03-24 05:54:14

好，除非你想風格所有的a：懸停在a：visited的內部，它將無法工作。只是添加了這個以防你錯過了。哦，等待你甚至不是問這個問題的人。你爲什麼又一次對我har？？ – Corey 2011-03-24 23:47:08

如果你想避免與其他錨標籤衝突或覆蓋。最好添加一個類屬性。如果您不想添加課程，請確保您添加的CSS在具有相同標記的其他CSS之後調用。帶班

示例代碼

CSS

h3 a.someClass { 
    text-decoration: none; 
    color: #000000; 
} 

//If you want style on hover do something like this 
a:hover.h3-anchor { 
    color:#FF0000; 
}

HTML

<h3><a class="someClass" href="#">Some Text</a></h3>

基礎上，以森那您的意見，我不知道爲什麼它的首要其中錨標記的風格是不同的。它將被覆蓋，除非你做了這樣的身體{}或其他塊，其中你的< a>在裏面。

來源

2011-03-24 05:15:59 ace

按你的代碼，你需要使用h3四次都喜歡這樣

h3 a, h3 a:active, h3 a:visited, h3 a:hover { 
    text-decoration:none; 
    color:#000000; 
}

你現在的樣子，主動，訪問和懸停狀態並不適用於H3「專「

來源

2011-03-24 05:57:19 pixeltocode

另外，如果您違反總體風格（樣式爲您的標準標籤設置），則可能需要爲要更改的標籤添加」！important「。

使用你的例子：

<h3><a href="#">Turn of underline etc</a></h3> 

h3 a { 
    text-decoration:none !important; 
    color:#000000; 
    }

希望這有助於！

來源

2016-03-18 17:49:18 Amanda

嵌套CSS元素（樣式中的標題鏈接）

回答

相關問題