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

Question

Bootstrap 样式表有:

pre code {
    color: inherit;
}

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

如何为 pre code 制作 color 以采用为 code 计算的颜色，而不对颜色值进行硬编码？

Bootstrap 已根据所选主题将 code 的颜色设置为 #383e3c。我不知道为什么它为 pre code 设置了不同的颜色。我希望我的 pre code 具有与 code 相同的颜色。

Answer 1

请在 Bootstrap 后加载您的样式，并使用父类或元素覆盖 Bootstrap CSS。你可以用你的父类代替 body。

body pre code { color: red; }