如何通過定位錨標記中的類來更改錨標記中的顏色或文本？

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

你可能會認爲該鏈接會是紅色的，但它實際上是黃色的，因爲這是最具體的聲明。