地址给的越精确，优先级越高

地址越精细，优先级越高

<a class="button" href="###"></a>这个时候可以写成a.button,会覆盖掉之前定义的

a:link, a:visited {

    color: #333333;

    text-decoration: none;

}

例子如下：

html

<form action="##" class="form">
    <p>
        <input type="submit" class="button" value="保存"></input>
        <a class="button" href="">取消</a>
    </p>
</form>

css

.button {
    color: #FFFFFF;/**这个颜色被覆盖掉了**/
    height:28px;
    width:45px;
    line-height:28px;
    margin-right:20px;
    background:url("../images/current.jpg") 0 -1px no-repeat;
    border:none;
    display:inline-block;
    vertical-align:middle;    
    text-align:center;

}

 

效果

修改css代码

a.button,.button {
    color: #FFFFFF;/**这个颜色没有被覆盖掉**/
    height:28px;
    width:45px;
    line-height:28px;
    margin-right:20px;
    background:url("../images/current.jpg") 0 -1px no-repeat ;
    border:none;
    display:inline-block;
    vertical-align:middle;    
    text-align:center;

}

效果如下