Html 在加载时将类添加到div

可能重复：

我正在处理一个由几个div组成的菜单，每个div都有一个唯一的CSS ID。CSS中使用了：hover选择器，试图在查看每个div对应的页面时为每个div提供不同的样式，但它似乎没有起作用。我的CSS和HTML可以在这里看到。基本上，由于这些div用于创建菜单，我希望在查看其超链接页面时将“active”类添加到div中（当有人在我的“Home”页面上时，我希望将active样式应用于“Home”菜单div）

#pagebuttonhome{
宽度：130px；
高度：30px；
背景色：#ffe0e8；
位置：绝对位置；
溢出：隐藏；
左：30px；
底部：0px；
字号：17px；
字母间距：2px；
文本对齐：居中；
线高：30px；
颜色：#dc2d18；
}
#pagebuttonhome:悬停{
背景色：#dc2d18；
颜色：#ffe0e8；
高度：40px；
光标：指针；
}
#pagebuttonhome.active{
背景色：#dc2d18；
颜色：#ffe0e8；
高度：40px；
光标：指针；
}

---

HOME

绕过它的一种方法是在每页的正文中添加一个唯一的id。例如，主页上的

，关于页面上的

（如果您有）等。然后，将

#pagebuttonhome.active

选择器替换为

#homelink #pagebuttonhome,
#aboutlink #pagebuttonabout

它将选择并突出显示您所在页面的链接，而无需使用javascript

---

一种解决方法是在每页的正文中添加一个唯一的id。例如，主页上的

，关于页面上的

（如果您有）等。然后，将

#pagebuttonhome.active

选择器替换为

#homelink #pagebuttonhome,
#aboutlink #pagebuttonabout

它将选择并突出显示您所在页面的链接，而无需使用javascript

---

迈克尔，这很有效，谢谢！迈克尔，这很有效，谢谢！