HTML：如何設置特定類別的鏈接顏色

我在我的頁面上有多個鏈接，其中一些鏈接是class="menuLink"。現在只爲那些我想設置不同的顏色作爲一個正常的鏈接。如果我只是使用

a:link { color:green} 
a:hover { color:red } 
...

這將適用於所有鏈接。但無論是

.menuLink:link {color:green} 
//I think because the css "doesn't know" that this class is used for links

也不

.menuLink a:link {color:green}

工作。我怎樣才能做到這一點？

「：鏈接」是相反「：訪問」，因此只選擇*未訪問過的鏈接* http://www.w3.org/TR /CSS2/selector.html#link-pseudo-classes – xec

你就近了。

a.menuLink:link { color: green; }

是你想達到的。不過，試試這個：

a.menuLink { color: green; }

將意味着a與menuLink一個類的名稱，該:link是多餘的。

.menuLink a:link

將意味着a內部的元件的與menuLink一類名。

2012-10-21 21:08:54

-1在選擇器前面添加「a」應該不會有任何不同，除非用不是A元素的類過濾掉元素。 – xec

@xec：對，我編輯過。 –

看起來更好，刪除downvote :) – xec

你試過：

.menuLink {color: green;}

2012-10-21 21:09:20 Fraggy

顯然我試過了，它不起作用。 –

@ValentinoRu它應該！ http://jsfiddle.net/W8qZ7/ – xec

@Fraggy對不起，你先錯過了我，現在我誤解了你。問題不是設置鏈接的正常顏色，而是設置其他狀態的顏色。這就是爲什麼我發佈了其他問題的鏈接。但當然，提出這個問題太模糊是我的錯。 –

回答