如何使CSS屬性不被覆蓋？

Question

我安裝在我的WordPress網站的插件，以及插件有這樣

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

和我的WordPress的主題也具有CSS的CSS：

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

所以插件也採用了「高度「&」font-size「在主題CSS中。

如何避免這種情況？插件不應該具有主題的風格。我試圖將插件的CSS名稱從「tab」更改爲「xxxxtabs」，但是在php中有很多代碼更改，所以我放棄了，因爲我不想搞砸事情。我認爲一定有辦法在css代碼中改變幾行代碼？

Answer 1

也許你可以在父類/ ID添加到插件的CSS選擇器，如：

#parentidname .tab {} 

或

.parentclassname .tab {}