文章/答案/技术大牛

发布

社区首页 >问答首页 >主CSS覆盖属性

问主CSS覆盖属性
EN

Stack Overflow用户

提问于 2014-05-04 18:39:01

回答 3查看 84关注 0票数 1

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

我认为这是因为液滴(以及它一起，css)是在其他所有东西之后加载的。我不能只是修改CMS文件作为解决办法，因为它是一个模块。

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

主CSS (覆盖尝试，包括在标题中)

#programma_tab {
    width: 300px;
}

液滴CSS示例(包括在体内，没有其他方法)

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

css

websitebaker

回答 3

Stack Overflow用户

回答已采纳

发布于 2014-05-04 18:45:11

我有几个主意。

试着让选择器更加具体。类似于body的东西应该覆盖原来的

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

2-尝试在任何CSS属性之后添加!important。

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

票数 2

Stack Overflow用户

发布于 2014-05-04 20:18:21

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

票数 1

Stack Overflow用户

发布于 2014-05-04 18:44:11

只需向CSS命令添加一个!important语句，如下所示：

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

我知道这当然不是最优雅的方式，但它有效。

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/23460087

复制

相似问题

问主CSS覆盖属性
EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问主CSS覆盖属性EN

回答 3

Stack Overflow用户

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问主CSS覆盖属性
EN