用於標題鏈接的不同的CSS

Question

我爲通用超鏈接設計了一些CSS樣式。我想爲特定div內的超鏈接標題指定其他一些CSS。 請看下面的HTML代碼。我只想爲div類框中的h2標題指定不同的樣式。

<a href="example.com" title="title">Normal Link </a> 

<div class ="box"> 
<h2><a href="example.com" title="heading">Heading Should be red. </a></h2> 
    <a href="example.com" title="links">Should be normal green</a> 
</div> 

這裏是CSS代碼：

a:link, a:visited{ 
    text-decoration: underline; 
    color: green; 
} 

a:hover{ 
    text-decoration: none; 
    } 

.box{ 
    border: 1px dashed pink; 
    width:400px; 
    height: 100px; 
    margin:10px 0px; 
} 

.box h2{ 
    color: red; 
    font-size:24px; 
} 

這裏是的jsfiddle演示： http://jsfiddle.net/HVX3d/1/

Answer 1

它看起來像你想風格的H2標籤，而不是H2本身。在這裏看到：

http://jsfiddle.net/Paulpro/HVX3d/2/

因爲您是使用CSS樣式的錨標記爲綠色。造型是紅色不會做任何事情的H2，它相當於內嵌樣式：

<h2 style="color: red;"> 
    <a style="color: green;"> 
     This will be green... 
    </a> 
</h2> 

Answer 2

試試這個

.box h2 a { 
    color: #fa2; 
    font-style: italic; 
} 

Answer 3

您是否嘗試過目標的鏈接呢？像這樣：

.box h2 a 
{ 
    color: red; 
    font-size:24px; 
} 

Answer 4

簡單，補充一點：

.box h2 a { 
    color:red; 
} 

Answer 5

試試這個：

.box h2 a { 
    color: red; 
}