我的 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;
}

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

style.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"

Answer 2

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

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

<div id="profile_pic_box">