自定义标题和 CSS

大家好,我正在尝试在顶部添加一个自定义标题。大部分功能都正常,但我想有些 CSS 被 Discourse 覆盖了。
有什么方法可以阻止 Discourse 的 CSS 影响我的标题吗?

1 个赞

您好 :wave:

可以分享一下您的 CSS 修改吗?

通常情况下,如果我们的选择器不够精确,Discourse 会覆盖我们的规则。

例如,如果 Discourse 有一条规则,如 body .category { line-height: 1 },而我们在自己的主题中编写 .category { line-height: 2 },那么它将被第一条规则覆盖,因为第一条规则通过添加 body 选择器而更加精确。

2 个赞

根据我所读到的,CSS中也使用了“!important”吗?

是的。除非您无法使用选择器覆盖 CSS,否则我不建议使用它。这是一个“最后的手段”规则。 :slight_smile:

1 个赞

感谢您的澄清。我经常看到有人建议插件组件影响/更改 #theme-component。

感谢大家的回复。我对 CSS 相当熟悉,了解一些常规技巧之类的。抱歉听起来可能不太好听,我不是那个意思。
我本来只是希望 Discourse 在某个地方有设置,可以强制它自己的 CSS 忽略带有特定 ID 或类的自定义容器。这样可以节省很多时间。
总之,我想我大部分都明白了;我只需要留意 Discourse 之后添加的任何重大 CSS 更改,并进行相应的调整。

1 个赞