使用僞類作爲普通類

Question

我的頁面上有一些不同的導航框f.e. #home，#about等，並答：懸停類每所以現在（改變BG）

#home { 
    background-image: url(images/home.jpg); 
} 

#home:hover { 
    background-image: url(images/home_hover.jpg); 
} 

，我想如果選擇頁面中使用懸停圖像作爲標準圖像。 F.E.如果我在「家」頁面上，我希望該框將懸停圖像顯示爲默認圖像而不是常規圖像。有沒有辦法選擇類似<div id="home:hover">或類似的東西？

P.S.爲每個箱子增加一個新班級需要很多時間，因爲我有很多。

Answer 1

我把一個（普通）類上取div是當前頁面 - 所以<div id="home" class="current"> - 並有CSS這樣的：

#home:hover, #home.current { 
    background-image: url(images/home_hover.jpg); 
}