移動內聯覆蓋CSS到樣式表中

我想重寫父CSS文件中的某個鏈接樣式，這是在懸停時強調我的按鈕文本的位置。我發現，通過附加我想要的樣式（文本裝飾：無）內聯，在元素上覆蓋，但我寧願不這樣做。移動內聯覆蓋CSS到樣式表中

關於如何做得更好的任何想法？

<a href="javascript:void(0);" style="text-decoration:none;" class="nco-approve-btn" data-attr-club-id="14">Approve</a> 



.nco-approve-btn { 

    background: #ad0a0a; 
    background-image: -webkit-linear-gradient(top, #ad0a0a, #de5252); 
    background-image: -moz-linear-gradient(top, #ad0a0a, #de5252); 
    background-image: -ms-linear-gradient(top, #ad0a0a, #de5252); 
    background-image: -o-linear-gradient(top, #ad0a0a, #de5252); 
    background-image: linear-gradient(to bottom, #ad0a0a, #de5252); 
    -webkit-border-radius: 28; 
    -moz-border-radius: 28; 
    border-radius: 28px; 
    font-family: Arial; 
    color: #ffffff; 
    font-size: 11px; 
    padding: 5px 7px 5px 7px; 
    text-decoration: none; 
} 

.nco-approve-btn:hover { 
    background: #8f1313; 
    background-image: -webkit-linear-gradient(top, #8f1313, #731717); 
    background-image: -moz-linear-gradient(top, #8f1313, #731717); 
    background-image: -ms-linear-gradient(top, #8f1313, #731717); 
    background-image: -o-linear-gradient(top, #8f1313, #731717); 
    background-image: linear-gradient(to bottom, #8f1313, #731717); 
    text-decoration: none; 
    color: #ffffff; 
} 


.nco-approve-btn:link {text-decoration: none; color: #ffffff;} 
.nco-approve-btn:visited {text-decoration: none; color: #ffffff;} 
.nco-approve-btn:active {text-decoration: none; color: #ffffff;}

來源

2014-05-07 Slinky

屬性後放置!important關鍵字會給該屬性的優先級。

About CSS order of precedence

來源

2014-05-07 15:29:58 ElGavilan

有可能是在你的樣式，如

.parent-class .nco-approve-btn{text-decoration:underline;}

檢查的開發人員工具是什麼規則，然後讓一個沒有裝修更強的聯繫強一些規則（加入額外班級）。你可以使用！重要的，但只有在你確定永遠不需要課堂才能進行裝飾的情況下才能使用它。

來源

2014-05-07 15:37:58 Jan

移動內聯覆蓋CSS到樣式表中

回答

相關問題