如何選擇CSS中的所有僞類？

我有一個按鈕，我想知道是否可以使css波紋管更短。如何選擇CSS中的所有僞類？

.button a:link, .button a:visited, .button a:hover, .button a:active { 
    color: #000; 
    text-decoration: none; 
}

我的意思是，也許：

.button a:* { 
    color: #000; 
    text-decoration: none; 
}

也許沒有任何縮短的方式，但我只是想知道。我發現這樣的事情了：

.button a:link:visited:hover:active { 
    color: #000; 
    text-decoration: none; 
}

但它不工作，不知道爲什麼.. 的信息 - 我一般CSS的在文件的頂部：

a:link { 
    color: #DA5632; 
} 
a:visited { 
    color: #CE3408; 
} 
a:hover { 
    color: #289BF8; 
} 
a:active { 
    color: #CE3408; 
}

所以按鈕類a應該覆蓋主css。

來源

2010-10-16 Rihards

.button a是所有你需要

我總是設置a默認樣式和目標僞類，只有當我需要有不同的效果。

編輯以包括評論修復：

因爲對於一個元素的默認樣式聲明如下：

a:link { 
    color: #DA5632; 
} 
a:visited { 
    color: #CE3408; 
} 
a:hover { 
    color: #289BF8; 
} 
a:active { 
    color: #CE3408; 
}

在樣式表的頂部，我們需要讓它body .button a增加選擇性我們增加了應用風格的重要性。

來源

2010-10-16 18:58:26

嗯，是的，我試過了，但按鈕類使用一般a：visited css。在firebug的這個屏幕截圖中看到：http://i52.tinypic.com/x69tf.png – Rihards 2010-10-16 19:05:46

你可以做'按鈕a：訪問，按鈕a：懸停'等。如果我沒有弄錯，那應該重寫一般'a：懸停'風格。查閱：http：//css.maxdesign.com.au/selectutorial/index.htm獲取關於CSS選擇器的更多信息。 – marcamillion 2010-10-16 19:29:15

只需使它成爲'body .button a'，這將解決您的問題（通過提高您的選擇性，您可以優先考慮此風格） – 2010-10-16 20:10:02

這裏有一些事情要嘗試

確保您的樣式表中是否有「.button一」的規則 - 也確保這個樣式表全局的定義‘一個’規則之後包括在內。

如果這不起作用，請嘗試更具體，如：「.button> a」，只選擇直接後代。

如果不工作，而這是不好的做法，你總是可以標記您的樣式同樣重要，就像這樣：

color: #fff !important;

這將要求他們最後被解析。

來源

2010-10-16 19:24:26 Jesse

如何選擇CSS中的所有僞類？

回答

相關問題