当使用父选择器形成覆盖样式时，将元素的颜色恢复为其原始值

Question

Bootstrap样式表具有：

pre code {
    color: inherit;
}

如果我的页面现在有一个明确的pre code { color: red; }，则Bootstrap样式表样式仍然优先。为什么？ [编辑：由于定义顺序错误，可以忽略此问题。]

如何使color的{​​{1}}接受为pre code计算的颜色，而无需对颜色值进行硬编码？

引导程序已根据所选主题将code的颜色设置为＃383e3c。我不知道为code设置不同颜色的原因。我希望我的pre code与pre code具有相同的颜色。

Answer 1

请在引导程序之后加载样式，并使用父类或元素覆盖引导程序CSS。 您可以使用父类代替身体。

body pre code { color: red; }

Answer 2

将Result: no such column: undefined附加到您的媒体资源中以获得更高的优先级。

null

或者您可以将!important赋予pre code { color: #383e3c !important; } 元素，并通过重新编写属性来重置id引起的覆盖：

code

并使用如下样式表：

pre