Javascript 在什么地方骑马？

我的html

这里有一个有效的例子

---

问题是当我将鼠标悬停在公文包按钮上时，它不会显示over类。我用chrome调试器查看它，我注意到该类的添加和删除都很好，唯一的问题是当我查看CSS的结构时，main.btn类的颜色覆盖了over_公文包类的颜色更改。其他的就不一样了，我也不太确定我到底错过了什么

您的

规则中有语法错误。在\u公文包

中，应该是：

.btn
{
    border-top-right-radius:10px;
    -webkit-top-right-radius:10px;
    margin-right:20px;
    display:block;
    text-align:center;
    float:right;
    color:#ffffff;
    background-color:#000000;
    font-size:15px;
    font-weight:bold;
    line-height:30px;
    text-decoration:none;
    cursor:pointer;
    width:150px;
    height:30px;
    box-shadow:5px 3px 3px #888888;
    -moz-box-shadow:5px 3px 3px #888888;
    -webkit-box-shadow:5px 3px 3px #888888;
    -o-box-shadow:5px 3px 3px #888888;
}

.over_contact
{
    color:#00a8ff;
}

.over_resume
{
    color:#9848c2;
} 

.over_portfolio
{
    color::#f0ff00;
}

.over_rates
{
    color:#00A000;
}

---

我已经删除了额外的

：

您在那里的您的

规则中有语法错误。在您的公文包中，应该是：

.btn
{
    border-top-right-radius:10px;
    -webkit-top-right-radius:10px;
    margin-right:20px;
    display:block;
    text-align:center;
    float:right;
    color:#ffffff;
    background-color:#000000;
    font-size:15px;
    font-weight:bold;
    line-height:30px;
    text-decoration:none;
    cursor:pointer;
    width:150px;
    height:30px;
    box-shadow:5px 3px 3px #888888;
    -moz-box-shadow:5px 3px 3px #888888;
    -webkit-box-shadow:5px 3px 3px #888888;
    -o-box-shadow:5px 3px 3px #888888;
}

.over_contact
{
    color:#00a8ff;
}

.over_resume
{
    color:#9848c2;
} 

.over_portfolio
{
    color::#f0ff00;
}

.over_rates
{
    color:#00A000;
}

我已经删除了额外的
：
你放在那里的哦，我的天啊，谢谢你，我太累了，我不敢相信我忽略了这一点。哦，我的天啊，谢谢你，我太累了，我不敢相信我忽略了这一点。
.over_portfolio
{
  color:#f0ff00;
}