CSS 将不适用于新页面,尽管文件路径没有什么不同



我使用相同的样式表2页(index.html和contact.html)。所有样式都已应用于索引.html。现在我已经将相同的代码复制并粘贴到 contact.html 中,但发现我尝试使用的新 CSS 样式不适用于此页面。样式.css工作表的路径文件尚未更改。我不明白的是,为什么从另一个页面应用某些样式,但在尝试添加新样式时却没有?

您是否尝试过清除浏览器缓存或进行隐身/隐私浏览

您是否使用类或 id 应用新样式?Id 是唯一的,而类是可重用的。此外,如果您有内联样式,它将覆盖样式表。你能发布你的代码作为一个例子吗?

这可能有几个原因:

  • 确保您的stylesheet正确加载。我不知道您是在页面样式还是外部样式表中使用,但请确保它确实存在在那里。 你怎么能做到这一点?当您在浏览器中打开contact.html页面时,如果您使用的是 Windows,请点击Ctrl + U,如果您使用的是 Mac,请点击Command + U。如果是内部样式,您将能够在那里看到实际代码。如果您使用的是external样式表,请确保页面中存在<link>标记。如果存在,请右键单击它并选择Open file in a new tab.如果您看到可以在下一个选项卡中看到代码。这意味着您的样式已正确加载。
  • 确保html页和stylesheet文件中的元素具有相同的适当名称。例如,类的id.#
  • 如果一切正常,那么这可能是一个cache问题。由于浏览器缓存静态资产,因此应考虑通过Hard Reloading页面来刷新缓存。你怎么能做到这一点?这很简单,如果您使用的是Windows,只需点击Ctrl + Shift + R,如果您使用的是Mac,只需点击Command + Shift + R即可。如果这些键不起作用,只需单击并按住浏览器上的重新加载按钮,直到它显示下拉列表。然后只需选择Hard Reload.

如果它不起作用,请向我们发送指向您的网页的链接。我是来帮你的。现在就让我:-)

最新更新