如何使CSS属性不被覆盖？

Question

我在我的Wordpress网站上安装了一个插件，该插件有一个像这样的CSS

.tab {
   border: 1px solid #ccc;
   position: relative;
}

我的Wordpress主题也有一个css：

.tab {
   height: 50px;
   font-size: 12px;
}

所以这个插件也在使用“高度”＆amp;主题css中的“font-size”。

如何避免这种情况？该插件不应该具有主题的风格。我试图将插件css名称从“tab”更改为“xxxxtabs”但是php中有很多代码更改，所以我放弃了因为我不想搞砸事情。我认为必须有一种方法来改变css代码中的几行？

Answer 1

也许你可以将父类/ id添加到插件的css选择器中，如：

#parentidname .tab {}

或

.parentclassname .tab {}