样式按顺序加载，但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

  

在Bootstrap之后加载child-styles.css，它是如何被覆盖的？

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

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

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