使用伪类作为普通类

Question

我的页面上有一些不同的导航框，例如： ＃home，＃about等和a：每个的hover类（更改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); 
}