Css 恢复元素'；当有'；s使用父选择器形成的替代样式

引导样式表具有：

pre code {
    color: inherit;
}

如果我的页面现在有一个显式的

前代码{color:red；}

，引导样式表样式仍然优先。为什么？[编辑：由于定义顺序错误，因此可以忽略此问题。]

如何使

code

的

color

用于

pre-code

以获取为

code

计算的颜色，而不硬编码颜色值

---

Bootstrap已根据所选主题将

code

的颜色设置为#383e3c。我不知道为什么它为

pre-code

设置了不同的颜色。我希望我的

预编码

与

编码

具有相同的颜色

附加

！重要信息

，以获得更高的优先级

预编码{
颜色：#383e3c！重要；
}

或者，您可以向

code

元素提供

id

，并通过重新写入属性重置

pre

导致的覆盖：

pre-code#id{
颜色：#e83e8c；
}

并使用如下样式表：

<link href="/bootstrap.css" rel="stylesheet">
<link href="/style.css" rel="stylesheet">

---

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

body pre code { color: red; }

---

你是在引导样式表之前还是之后加载样式表？在页面中定义的样式。你是在加载引导样式表之前还是之后在页面中定义样式表？你们都是对的。我的错误。这是第一个问题。第二：有没有可能在没有硬编码的情况下将我的

pre-code

颜色设置为

code

的颜色？不要认为有-如果定义了

code

，然后

pre-code

覆盖了它，那么覆盖它的唯一方法就是将其重置为初始

code

定义的任何颜色（或对代码

！important

-进行初始声明-但我建议您不要这样做）是的，如果您希望覆盖在CSS之后加载的CSS，则有必要在所有样式的末尾加载样式。