虽然文件路径没有区别,但CSS不适用于新页面

时间:2017-05-01 19:51:47

标签: css

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

3 个答案:

答案 0 :(得分:1)

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

答案 1 :(得分:1)

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

答案 2 :(得分:0)

这可能有几个原因:

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

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