html - 样式按顺序加载，但 Bootstrap 仍然覆盖 WordPress 子项

Question

我创建了一个 WordPress 子主题，它在源代码中正确呈现 Bootstrap 和 child-styles.css:

Source code stylesheet order

然而，我的链接的颜色仍然被 Bootstrap 覆盖，正如通过 Chrome 检查所见:

Chrome inspection window

我的 Bootstrap 目录中没有任何 .scss 文件，尽管我承认我不确定这些文件如何编译为 CSS。无论哪种方式，在 Bootstrap 之后加载 child-styles.css，它如何仍然被覆盖？

Answer 1

with the child-styles.css loading after Bootstrap, how is it still being overridden?

之所以会出现这种情况，是因为 Bootstrap 规则具有更高的特异性。所以，它赢了。

这:.navbar-dark .navbar-nav .nav-link 比这更具体:.nav-link。

如果您为自定义规则提供相同级别或更高级别的特异性，您的自定义规则将胜出并覆盖。