2013-03-08 76 views
3

我正在使用jQuery數據表和aTableTools aButtons。我這樣做:您可以在加載時更改css類的優先順序嗎?

oTableTools: { 
    aButtons: [ 
     { 
      sExtends: 'text', 
      sButtonText: 'Add +', 
      fnClick: function (nButton, oConfig, oFlash) {/*stuff*/}, 
      sButtonClass: 'btn-success' 
     } 
    ] 
}, 

我的問題是,a.DTTT_button類上dataTable.tableTools.css:38壓倒一切的引導,combined.min.css的.btn-success等級:9,所以我的按鈕是灰色的,而不是的綠色。它們都是從外部來源加載的,所以我不能編輯它們,並且改變它們的加載順序並不會影響任何東西,這可能是因爲dataTable.tableTools.css中的定義更具體,特定於錨。

有沒有辦法強制sButtonClass在加載時優先於a.DTTT_button,或者我將不得不在我的本地css文件中創建一個新類來複制我想要的樣式並調用它?這對我來說感覺不那麼幹淨,所以如果我不必這樣做,我寧願不這樣做。

+0

如果您想以描述的方式「強制優先」,您可以使用**!important ** ...但是這通常被認爲是**不好的做法**。更多細節(和更好的解決方案)在這裏 - http://stackoverflow.com/a/3706876/1538708 – adamb 2013-03-08 17:05:10

+0

我不能添加!重要,因爲css文件是從外部來源加載;我無法改變它們。 – DiMono 2013-03-08 17:08:11

回答

0

我認爲在這種情況下給出的參數最徹底的方法實際上是在你的「本地的css文件來創建一個a.sButtonClass選擇「在a.DTTT_button類之後加載。特定性將匹配,但級聯將贏得a.sButtonClass。我知道你說這個「感覺不太乾淨」,但是你無法操縱兩個css文件的限制使它成爲最乾淨的解決方案之一。此外,如果您正在使用預處理器(例如0123rap_,那麼boostrap基於),那麼您可以使用該類作爲您的更具體的選擇器的混合來自動匹配引導類。

然而,另一種是不是一類在所有適用的風格,並直接寫sButtonClass樣式錨元素的style屬性,因爲這將覆蓋任何a.DTTT_button做(假設a.DTTT_button在其屬性上沒有!important標籤)。