javascript - 骑在某个地方的风格？

Question

我的html

<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="stylesheet" type="text/css" href="css/nav.css">

这是我在样式表中调用的顺序

.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;
}

这是一个工作示例 http://www.dsi-usa.com/yazaki_port/hair-by-steph/

问题是，当我将鼠标悬停在投资组合按钮上时，它不会显示上课。我正在使用 chrome 调试器查看它，我注意到该类正在添加和删除，唯一的问题是当我查看 CSS 的结构时，主 .btn 类颜色覆盖了 over_portfolio 类颜色变化.它不会与其他人一起做，而且我不太确定我在这里错过了什么。

Answer 1

您的 .over_portfolio 规则中存在语法错误，它应该是:

.over_portfolio
{
  color:#f0ff00;
}

我已经删除了多余的 : 你在那里