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

我删除了你在那里的额外:

风格骑在某个地方？

1 个答案: