如何通过定位锚标记中的类来更改锚标记中的颜色或文本？

Question

可以有人解释为什么会发生以下情况：

<a href="#" class="test">Test</a> 

<style type="text/css"> 
.test { 
border: thin solid blue; 
color: red; 
} 
</style> 

这只是创建了边界，但使用一个类时不转的文本显示为红色。

<a href="#" id="test">Test</a> 

<style type="text/css"> 
#test { 
border: thin solid blue; 
color: red; 
} 
</style> 

为什么不类改变文字颜色，同时采用ID确实工作：

然而，当使用一个id，而不是这部作品在打开文本显示为红色？

谢谢！

Answer 1

使用本

demo here

<a href="#" class="test">Test</a> 

<style type="text/css"> 
a.test { 
border: thin solid blue; 
color: red; 
} 
</style> 

Answer 2

尝试改变风格的标签到这一点：

<style type="text/css"> 
    a.test{ 
     border: thin solid blue; 
     color: red; 
    } 
</style> 

Answer 3

见这个例子：http://jsfiddle.net/mD5us/4/

<div> 
    <a href="#" class="test">Test</a> 
</div> 

CSS

​body div a.test{ 
    color:yellow; 
} 
body div .test{ 
    color:brown; 
} 
body a.test{ 
    color:purple; 
} 
body .test{ 
    color: orange; 
} 
a.test{ 
    color:green; 
} 
.test { 
    border: thin solid blue; 
    color: red; 
} 

你可能会认为该链接会是红色的，但它实际上是黄色的，因为这是最具体的声明。