如何使CSS属性不被覆盖?

时间:2013-11-02 00:04:46

标签: css

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

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

我的Wordpress主题也有一个css:

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

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

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

1 个答案:

答案 0 :(得分:2)

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

#parentidname .tab {}

.parentclassname .tab {}