CSS - 查看样式引导程序应用于元素的内容

Question

我有这个页脚和一个没有引导程序工作正常的徽标，但引导程序只是弄乱了它。我找不到什么错误，因为我不知道应用于元素的引导程序。我知道我可以覆盖它，但我需要知道要覆盖什么。有没有办法显示应用于元素的样式引导程序，或者只是禁用该元素的所有引导程序样式，而不知道它是什么？此外，我需要网站其余部分的引导程序，因此我无法删除该链接。

Answer 1

您可以覆盖管理样式规则。按照这些简单的方法，您可以使用Google Chrome查找继承的样式：

1. 在浏览器中打开网址
2. 右键单击并选中Inspect上的检查
3. 在右侧，点击计算。
   
4. 您将能够看到它继承的位置

在上面的示例中，请查看font-size和font-weight。有很多遗传。希望这有用。

Answer 2

CSS是分层的，这意味着首先包含的CSS文件中的样式会被第二个包含的文件覆盖，如果它们都具有相同标记/类/ id的定义。

添加bootstrap作为第一个包含在文档头部的CSS，然后包含自定义CSS文件。

这应该可以自动解决大多数冲突的CSS样式。