CSS將通配符應用於偽類

Question

希望這不是一個愚蠢的問題，但我似乎無法弄清楚如何做到這一點。 可以將通配符應用於錨點懸停/焦點，以便將樣式應用於所有類嗎？

就像是

a:hover * { color: #ff0000; }

說我有

a { color: #DD0000; }
a.link { color: #ffffff; }
a.link2 { color: #000000; }
a.user { ...
a.anything { ...

解釋我要尋找的內容的最簡單方法是使用全局：hover樣式，但使用多種：link樣式。 謝謝

Answer 1

您可以通過多種方法來執行此操作。 正如其他人所提到的，您可以將相同的樣式應用於多個類，如下所示：

div a.class1:hover, div a.class2:hover, div a.class3:hover { ... }

您也可以只為要應用的樣式創建自定義類：

div a.customClass:hover { ... }

您可以像在問題中提到的那樣使用* ，但將鼠標懸停在它上面 ：

div *:hover { ... }

還有這個選項，在這里只是應用的樣式為所有a的，雖然你可能知道這個選項已經：

a:hover { ... }

編輯：如果您的樣式被其他“覆蓋”，一種快速簡便的檢查方法是使用瀏覽器的開發人員工具檢查該元素。 您甚至可以使用Chrome和Firefox附帶的開發人員工具來應用偽類（即，即使不將元素懸停在元素上，也可以應用:hover偽類）（您可能需要下載Firebug才能在Firefox上執行此操作）。

另一個選擇是使用!important增加選擇器的特異性。 例如：

a:hover { background: red !important; }

您可以在此處詳細了解如何計算特異性。

Answer 2

如果要對特定標簽應用全局css規則，請編寫（對於定位符）：

a:link{/*your styles go here*/}
a:hover{/*your styles go here*/}
a:active{/*your styles go here*/}
a:visited{/*your styles go here*/}

如果您想要以其他方式設置樣式的特殊鏈接（也許將其設置為按鈕），只需對其應用一個類並對樣式進行樣式設置：

a.customlink{/*your styles go here*/}

編輯：如果您只希望鏈接的某些屬性在懸停時發生更改，那么兩個不同的鏈接將是相同的（假設一個ha黃色，而另一個為紅色背景，並且您希望它們都具有黑色背景），在這兩個鏈接中添加另一個相同的類，然后對其進行樣式化。

JsFiddle示例

Answer 3

您可以使用逗號分隔它們，例如a:hover link, a:hover link2, a:hover etc { color: #ff0000; } a:hover link, a:hover link2, a:hover etc { color: #ff0000; }

是否a:hover { color: #ff0000; } a:hover { color: #ff0000; }不執行您想要的操作？