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 =＆＃34; /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">

我的css样式与元素在同一页面上工作，但在从.css文件

2 个答案: