html - 我的 css 样式与元素在同一页面上工作，但在从 .css 文件链接时不工作

Question

我有一个页面，上面有很多元素，其中一个在几个 div 中。我不是目标的那个有我想要归因于它的某些样式，当我在页面本身上设置内联样式时，样式有效，但是当我链接到样式表时，它不会将样式更改为我想要的样式。我不确定为什么，感谢您的帮助。

这是我的内联代码:

profile_pic_box {
    float:left; 
    border:#999 2px solid; 
    width:100px; 
    height:100px; 
    margin:0px 0px 0px 0px; 
    overflow-y:hidden;
}

当我将它放在包含该元素的页面上时，它工作正常，但是当我删除代码并将其放在正确链接的样式表上时，它不起作用。这是我在样式表中的内容:

样式.css:

#profile_pic_box {
    float:left; 
    border:#999 2px solid; 
    width:100px; 
    height:100px; 
    margin:0px 0px 0px 0px; 
    overflow-y:hidden;
}

这是一些 HTML:

<div id="profile_pic_box">

这是样式表链接，它确实有效。

<link rel="stylesheet" href="style/style.css">

Answer 1

可能是以下之一:

• 您的浏览器正在缓存旧的 style.css 文件。尝试在开发者工具中禁用缓存或在隐身选项卡中打开网站。

• 您在另一个可能覆盖它的 CSS 之前添加您的 CSS。内联之所以有效，是因为它处于更高层次。

• 不确定您是否在服务器上运行它，但您也可以尝试在 href 的开头添加斜杠，如下所示:

  href="/style/style.css"