Html 将伪类用作普通类

我在我的页面上有一些不同的导航框，如主页、关于等，以及一个：hover类，用于bg的每个更改

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

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

现在，如果选择了页面，我想使用悬停图像作为标准图像。F.e.如果我在“主页”页面上，我希望该框将悬停图像显示为默认值，而不是正常值。有没有办法选择这样或类似的类

---

另外，为每个框添加一个新类会花费很多时间，因为我得到了很多信息。

我会在当前页面的任何div上放置一个公共类，并使用CSS，如：

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

---

我会在当前页面的任何div上放置一个公共类-so-并使用CSS，如：

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