html - 尽管删除了旧样式表，但替换的导航栏的样式表与旧的样式表冲突

Question

我正在为我制作的需要不同导航栏的网站建立一个网上商店。我复制了网站现有页面之一以编辑网上商店部分。我删除了旧的标题 CSS 文件，但现在新的导航标题仍然显示以前标题的布局样式。

我将新的标题 HTML 和 CSS 复制到一个完全空白的页面，它工作正常，所以它一定是现有页面上的 CSS 冲突。

是否有任何有用的工具可以找出导致这种冲突的原因？

Answer 1

开发者工具 在浏览器中对此类事情很有帮助。

要尝试一下，请在浏览器中打开 html 文件，然后打开 开发者工具 (快捷方式是 ctrl + shift + i 或 F12 ，或使用 Mac cmd + opt + i )。您也可以在窗口右上 Angular 的浏览器菜单中找到它。

找到 元素 选项卡(或 Inspector Firefox 中的选项卡)。



在这里，您可以浏览并单击网页中的 html 元素，查看哪些样式与您选择的样式相关联，并找出哪些 css 文件包含这些样式。