1. 首頁
  2. 問答
  3. 多個類CSS選擇器不工作：懸停

多個類CSS選擇器不工作：懸停

2012-11-09 88 views
2

我不工作下面的CSS選擇器：多個類CSS選擇器不工作：懸停

.button.button-green:hover
然而

如果我這樣做，它工作正常：

.button-green:hover

這是一個與CSS的知名問題，有沒有辦法解決這個問題（旁邊只用一個類懸停）？

來源

2012-11-09 ryanzec

+1

在哪個瀏覽器中？在Chrome中似乎[很好]（http://jsfiddle.net/jamesallardice/M96HV/）。 –

+0

正常工作：http://jsfiddle.net/SWKTP/ ...你能舉個例子嗎？什麼瀏覽器？ – Eric

+0

'.button.button-green：hover'是一個有效的選擇器。需要看到你的HTML，否則你將得到的是回到你的手中。 – BoltClock

回答

0

見一些不同的選擇以下jsbin： http://jsbin.com/akowix/1/

什麼是你的HTML是什麼樣子？

  • 你有一個既有「按鈕」類又有「按鈕綠色」類的元素嗎？
  • 或者你有一個「按鈕」類的元素，其中包含「按鈕綠色」類的元素？
  • 或者您是否有兩個不同的元素，一個是「按鈕」類，另一個是「按鈕綠色」類，您希望將懸停規則應用於兩者？

來源

2012-11-09 16:23:37

+0

你也可以把它當作評論發表。 – BoltClock

+0

@BoltClock - 是的，你是對的。我原本打算從jsbin例子中複製一些代碼，但最終拋棄了這個想法，因爲不清楚OP實際需要什麼。我認爲jsbin中的例子是值得的。 –

相關問題

 相關問題