css - 有没有办法覆盖 CSS 规则以从根本上否定它?

标签 css css-cascade

如果我有一个 classic.css我想覆盖的文件(在这种情况下,它来自用于 Python 的 Sphinx 文档:https://docs.python.org/2.7/_static/classic.css)并且本质上是“撤消”规则,有没有办法做到这一点?

在这种情况下有这些规则:

div.sphinxsidebar h3 {
    font-family: 'Trebuchet MS', sans-serif;
    color: #ffffff;
    font-size: 1.4em;
    font-weight: normal;
    margin: 0;
    padding: 0;
}

div.sphinxsidebar h4 {
    font-family: 'Trebuchet MS', sans-serif;
    color: #ffffff;
    font-size: 1.3em;
    font-weight: normal;
    margin: 5px 0 0 0;
    padding: 0;
}

我想做的是类似

div.sphinxsidebar h3,
div.sphinxsidebar h4
{
   font-family: [revert-to-auto];
   color: [revert-to-auto];
}

所以我可以在 body 中指定字体系列和颜色无需使用 !important 即可应用到所有地方.

澄清一下:我有我的 custom.css@import(classic.css); 开头根据 Sphinx 文档,而不是通常使用两个 <link rel="stylesheet" type="text/css"> <head> 中的元素部分。

最佳答案

是的,您可以使用 initial恢复到 initial value该属性(property)的

div.sphinxsidebar h3,
div.sphinxsidebar h4
{
   font-family: initial;
   color: initial;
}

或 Cascade Level 4 介绍 revert , 将级联回滚到用户级别

div.sphinxsidebar h3,
div.sphinxsidebar h4
{
   font-family: revert;
   color: revert;
}

关于css - 有没有办法覆盖 CSS 规则以从根本上否定它?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38795601/

相关文章:

css - 防止 CSS 继承到所选元素的子元素

基于样式表中顺序的 CSS 特异性/优先级?

html - CSS <ul><li> 缩进问题

css - 只有一个 CSS 媒体查询有效

html - 汉堡菜单封面标志

html - 比 !important 更重要(更高级别的 !important)?

javascript - 使用 CSS 的 "revert"关键字

javascript - 实现纯 javascript 轮播。(无插件)

html - CSS 中的联系表单设计问题

css - 我是否正确地子类化了我的 CSS?