1. 程式人生 > >解決內聯樣式比類選擇器優先順序高的問題

解決內聯樣式比類選擇器優先順序高的問題


由於內聯樣式的級別比類選擇器的級別高,我現在有一個商品規格預設的樣式是:

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

也就是以內聯樣式的形式去改變原來的內聯樣式,這樣你所應該的樣式就起作用了。