如何使 CSS 属性不被覆盖？ [复制]

Question

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

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

我的 Wordpress 主题也有一个 css：

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

所以插件也在主题 css 中使用了“height”和“font-size”。

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

Answer 1

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

#parentidname .tab {}

或

.parentclassname .tab {}