兩個Css文件具有相同的類 - 從特定的類中刪除類，如何？

我在具有相同類名但屬性不同的html頁面中調用了兩個css文件。兩個Css文件具有相同的類 - 從特定的類中刪除類，如何？

首先CSS文件

.text { 
    font-family: verdana; 
    font-size: 11px; 
    color: #000000; 
    text-decoration: none; 
    line-height: 20px; 
}

二CSS文件

.text{ 
    margin: 0px; 
    font: 13px/20px Arial,Helvetica,sans-serif; 
    padding: 20px 20px 40px 35px; 
}

我想從第二個CSS通過的Jquery或Javascript文件中刪除的.text的功能....

您是否可以不編輯選擇器使其更加專用於您想要定位的元素？使用JS作爲UI問題的柺杖並不是一個好主意。 –

不，我也不想在任何css文件中更改 –

您可以刪除樣式表規則，但它需要規則的「索引」 - https://developer.mozilla.org/en-US/docs/Web/API/CSSStyleSheet –

如前所述在評論中指出，加載不需要的CSS規則總是禁用它們，並且將新規則應用於另一個現有規則是非常糟糕的實踐。如果你真的不想或不能做的另一種方式，如修改現有的CSS或添加新的CSS規則，你可以用jQuery做到這一點：

使用jQuery：

$(document).ready(function() { 

    $('.text').css({'font-family':'verdana', 'font-size':'11px', 'padding':'0', 'margin':'0'}); 

});

所以在這裏它給padding和margin默認值（這可能是非常有問題的，如果你想.text在某個時候使用margin和padding其他值）。
而font-family和font-size的定義與第一個CSS規則相同（因爲您有重複的代碼，並且您 - 或者編輯器/ mantainer-將需要記住總是保持工作狀態），所以這對於manteinance可能非常成問題。

2015-05-14 08:29:49 chimos

回答