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; 
}