解決內聯樣式比類選擇器優先順序高的問題
阿新 • • 發佈:2019-02-04
由於內聯樣式的級別比類選擇器的級別高,我現在有一個商品規格預設的樣式是:
.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;
}
也就是以內聯樣式的形式去改變原來的內聯樣式,這樣你所應該的樣式就起作用了。