Html 引导覆盖自定义CSS

不知从何而来，引导突然开始覆盖自定义CSS。这个网站在大约一个月的时间里运行得非常好，然后我更新了favicons，一切都开始混乱

我试图通过更新到最新的Boostrap（版本4）来解决这个问题。也包括所有正确的东西。引导CSS在我的自定义CSS之前加载。然而，问题仍然存在

标题

<!-- Bootstrap -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/css/bootstrap.min.css" integrity="sha384-rwoIResjU2yc3z8GV/NPeZWAv56rSmLldC3R/AZzGRnGxQQKnKkoFVhFQhNUwEyJ" crossorigin="anonymous">

<!-- Load jquery -->
<script src="https://code.jquery.com/jquery-3.1.1.slim.min.js" integrity="sha384-A7FZj7v+d/sdmMqp/nOQwliLvUsJfDHW+k9Omg/a/EheAdgtzNs3hpfag6Ed950n" crossorigin="anonymous"></script>

<!-- Bootstrap -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/tether/1.4.0/js/tether.min.js" integrity="sha384-DztdAPBWPRXSA/3eYEEUWrWCy7G5KFbe8fFjk5JAIxUYHKkDx6Qin1DkWx51bBrb" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>

<!-- Style.css -->
<link rel="stylesheet" href="<?php bloginfo('stylesheet_directory'); ?>/css/style.css">

在浏览器中.btn显示如下：（从bootstrap.css？ver=2.3:2618加载）

有没有办法解决这个问题？很奇怪，在我更新favicons之前，很长一段时间内，一切都很完美

---

可以在这里找到该页面：

我查看了您的源代码“style.css”文件，该文件出现在“bootstrap.css”文件之前。这就是为什么“style.css”会失去优先级，因为同一选择器的最后一个代码将删除优先级之前的所有代码。“bootstrap.css”在173行中添加，但“style.css”在99行中添加，这就是为什么会发生这种情况。

因为您使用的类与bootstrap使用的类相同，而bootstrap由于其。另外，我在chrome控制台引导程序中看到的.btn不会覆盖css。在引导的css之后，您的css也被正确加载。我猜你的浏览器缓存了css文件，但你看不到你所做的一些编辑。尝试将你的css链接更改为

可能是，但在我的其他网站上也不起作用。这是唯一一个不起作用的网站。谢谢。试过了，但什么都没发生。你可以尝试添加！重要的是要确保您的css获得优先权，如
边框半径：0px！重要的谢谢。这是正确的。原来有一个插件可以加载引导布局。当我禁用插件应该加载Boostrap时，一切都崩溃了。但你发现了问题所在。非常感谢。
.btn {
  border-radius: 0px;
}

.btn {
   border-radius: 4px;
}