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

标签： htmlcss

Answer 1

#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">