解决内联样式比类选择器优先级高的问题

由于内联样式的级别比类选择器的级别高，我现在有一个商品规格默认的样式是：

.pro-color p a {
    border:1px solid #bfbfbf;
    border-radius:2px;
    box-sizing:border-box;
    color:#232326;
    float:left;
    font-size:13px;
    height:25px;
    line-height:23px;
    margin-bottom:10px;
    margin-right:10px;
    max-width:98%;
    overflow:hidden;
    padding-left:15px;
    padding-right:15px;
    text-overflow:ellipsis;
    white-space: nowrap;
}

如果此时我选择某个规格想让该规格被为红色，如果按下面，当被选择时加上该样式，这样写的时候颜色是不会改变，原因是内联样式优先级高

.specSelectCss {
    border:1px solid #f32929;
    color:#f23030;
}

那么这时我们可以这样处理

.pro-color p a.specSelectCss {
    border:1px solid #f32929;
    color:#f23030;
}

也就是以内联样式的形式去改变原来的内联样式，这样你所应该的样式就起作用了。