主要CSS覆盖属性

我正在使用名为WebsiteBaker的CMS，现在我为它编写了一个模块，一个droplet，它使用自己的CSS。 似乎水滴的CSS不能被主CSS覆盖

我认为这是因为液滴（以及与之一起的css）是在加载其他内容之后加载的。 我不能仅仅修改CMS文件作为解决办法，因为它是一个模块

有什么解决办法或类似的想法吗

--

主CSS（覆盖尝试，包含在标题中）

水滴CSS示例（包含在主体中，没有其他方法）

---

只需添加一个

！CSS命令的重要

语句，如：

#programma_tab {
    padding: 5px !important;
    font-size: 12px !important;
    margin-top: -15px !important;
    width: 200px !important;
}

---

我知道这肯定不是最优雅的方式，但它很有效。

我有一些想法

1-尝试使选择器更具体。类似于

body

的内容应该覆盖原始

body #programma_tab {
    padding: 5px;
    font-size: 12px;
    margin-top: -15px;
    width: 200px;
}

2-尝试添加

！重要信息

在任何CSS属性之后

#programma_tab {
    padding: 5px !important;
    font-size: 12px !important;
    margin-top: -15px !important;
    width: 200px !important;
}

---

如果您正在使用CSS，您的水滴可以自动加载到模板的头部部分，您不需要将CSS硬编码到主体中。

这应该被视为临时修复。它可能会覆盖你不想被覆盖的东西，看起来很糟糕。否决票真的有必要吗？这并不是说他的答案不起作用。@NullBy7e不起作用和不推荐是有区别的。我强烈建议使用更具体的选择器选项。+1用于更具体的选择器选项。如果可以使选择器更具体，它将覆盖默认值。这样绝对比

好！重要信息

为什么在选择器前面添加正文会覆盖它？因为它更具体

#programma_选项卡

将请求ID为

programma_选项卡

的元素。但是

body#programma_tab

将请求id为

programma_tab

的元素，该元素是

body

的子元素，因为body中的硬编码是“邪恶的”。然而，为什么css首先会被放入droplet代码中呢？有没有理由不将其放入模板css文件？->在一个地方，干净，没有覆盖问题等。水滴不是常规的插件，只是在任何WYSIWYG页面中执行的小块代码，因此CMS无法识别它们，也无法告诉系统加载CSS文件。这是液滴张力通过后门为液滴启用的功能。

body #programma_tab {
    padding: 5px;
    font-size: 12px;
    margin-top: -15px;
    width: 200px;
}

#programma_tab {
    padding: 5px !important;
    font-size: 12px !important;
    margin-top: -15px !important;
    width: 200px !important;
}