我最近开始使用Filegator作为我网站的文件管理器,为了将它集成到我的网站设计中,我添加了我网站的标题。
我的问题是,我的头的几个部分似乎受到一些css规则从Filegator的影响,更具体地说,某种边距/高度不被尊重。所讨论的header部分是一个简单的div,具有以下css:
#account {
position: absolute;
text-align: left;
left: 0;
top: 0;
font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;
font-size: 15px;
color: #3F3F3F;
margin-left: 10px;
margin-top: 10px;
padding: 0 10px 0 10px;
}
经过一番研究,我注意到它来自一个css文件名foundation.css,并且,在里面,如果我删除这一行代码,我的头会恢复正常:
body
{
background: white;
color: #222222;
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1;
position: relative;
webkit-font-smoothing: antialiased;
}
问题是这行代码对于文件管理器是必不可少的,所以我尝试添加著名的:not(),像这样:
body:not(#account)
{
background: white;
color: #222222;
font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height: 1;
position: relative;
webkit-font-smoothing: antialiased;
}
但body:not()
没有改变任何东西。
如果我在body和:not()
之间写一个空格,那就更糟了
有没有人有什么建议来帮助我?任何帮助都将是非常感激的
感谢-Apatik
唯一不能重写的规则似乎是line-height,所以你可以尝试在你的帐户中显式设置或取消设置。
#account{
...
line-height:0;
}