css - 如何使 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代码中的几行？

score 2 · Accepted Answer

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

#parentidname .tab {}

或者

.parentclassname .tab {}

1 回答 1