两个Css文件具有相同的类 - 从特定类中删除类，如何？

Question

我在html页面中调用两个具有相同类名但属性不同的css文件。

第一个CSS文件

decompose(tsr)

第二个CSS文件

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

我想通过Jquery或Javascript ....从第二个Css文件中删除.text的功能。

Answer 1

正如评论中已经说明的那样，加载不需要的CSS规则以永远禁用它们并且还应用新规则与另一个现有规则相同是非常糟糕的做法。如果你真的不想要或不能以另一种方式做，比如修改现有的CSS或添加新的CSS规则，你可以用jQuery做到这一点：

使用jQuery：

$(document).ready(function() {

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

});

演示： https://jsfiddle.net/chimos/6g9xmxxo/

• 所以在这里它提供padding和margin默认值（如果您希望.text在某些时候使用其他值进行边距和填充，则可能会出现问题）
• 并且font-family和font-size被定义为第一个CSS规则（这对于manteinance来说可能是非常有问题的，因为你有重复的代码而你 - 或编辑/ mantainer-需要记住总是让事情有效。