尝试创建我的第一个小部件插件，所有主题默认样式都覆盖我的自定义CSS

Question

我创建了一个小插件，创建了一个我做过的小部件，基本上只是一个漂亮的<ul>元素，不幸的是，所有默认小部件样式都覆盖了我的自定义CSS，并添加了！由于各种尺寸和颜色变化，款式打破了一些东西。

有解决方法吗？我只是希望样式表适用于我制作的一个小部件，而不是从默认值加载。

非常感谢任何提示/建议。

感谢。

编辑：每个元素都有自定义类和ID，我更改的主题并不重要，侧栏默认样式优先于我的自定义样式。

Answer 1

正如我从标签中看到的那样，您正在使用wordpress。假设你知道如何在wordpress代码中包含自定义css，你只需要在wordpress上通过在每个类或其他结构之前添加#content来优先于它。例如，如果您的自定义CSS看起来像

.this-class{
 width: 100px;
 height 200px;
}

只需在其前面添加#content，例如

#content .this-class{
 width: 100px;
 height 200px;
}

#content .this-another-class .that-another-class{
 width: 10px;
 height: 10px;
}