CSS似乎並沒有工作

Question

我的CSS有，按以下順序：

B, STRONG 
{ 
    color: #333; 
} 
A 
{ 
    color: #00ae9d !important; 
    border-bottom: dotted 1px #00ae9d; 
    text-decoration:none; 
} 

但是，當我拿着一個鏈接，它出現灰綠色的圓點。我需要做什麼以使粗體項目呈深灰色，並且鏈接的粗體項目呈綠色並帶有點？有沒有排名每個規則的方法？

Answer 1

行爲將取決於訂單，你設置你的標籤

<b><a href="#">One</a></b> 

是不一樣的

<a href="#"><b>One</b></a> 

檢查this jsfiddle

Answer 2

給皮膚上色一個<a>你需要遵循LoVe HAte規則：

大號(link)的O * V * (visited)Ë^h(hover)一個(active) TE

a:link { 
color: #00ae9d; 
} 
a:visited { 
color: #999; 
} 
a:hover { 
color: #900; 
} 
a:active { 
color: #555; 
} 
a:focus { 
color: #900; 
} 

關閉當然你可以將它們，但你必須保持相同的順序。

a:link, a:visited { 
color: #00ae9d; 
} 
a:hover, a:active, a:focus { 
color: #900; 
}