css - CSS WP 小部件在任何主题下保持风格的最佳方式

Question

我打算制作 WP 小部件插件，并希望使其与主题无关。

我的意思是，无论使用什么主题，我都需要这个小部件在其 CSS 中保持样式设置。我担心主题会覆盖它的样式。

执行此操作的最佳 CSS 技术是什么？我应该使用基于小部件 ID(#) 还是它的 Class(.) 的样式？

Answer 1

如果您定义了一个带有 ID 的容器并且让您的所有样式声明都在选择器中使用该 ID，那么其他人不太可能覆盖您的样式。

#MyWidget p {
    color: #ffcc00;
}

#MyWidget p a {
    text-decoration: none;
}

您的选择器越具体，它们的优先级就越高。