无法将样式应用于页脚div中的元素

时间:2014-05-29 08:08:15

标签: html css

this simple site上,我做了几次改动,没有任何障碍。但是,页脚不合作。我对页脚中的元素所做的任何操作都没有任何效果。此时,我只是尝试将任何属性应用于子元素以查看它们是否成立,但无济于事。影响子元素的唯一属性是应用于父div(页脚)的4个属性。这四个属性是导致子元素处于当前位置的原因:

#footer {
    color: #FFFFFF;
    font-family: Helvetica,sans-serif;
    font-size: 14px;
    text-align: center;
}

就是这样!我无能为力。如果我删除这些属性,子元素会做出相应的反应,但是没有属性可以应用于子元素本身以进行任何更改。这与徽章有什么关系吗?我没看到什么?我通过Firefox使用Firebug,甚至在那里,当我点击子元素时,Firebug不断向我展示上面的CSS样式,这意味着我为子元素编写的样式甚至都没有被识别。

3 个答案:

答案 0 :(得分:3)

实际上,您网站上的问题似乎是页脚div上缺少右括号。它导致下一个规则被忽略,这具有级联效应。

修复这些错误,您应该会看到所应用的更改:

Screenshot of stylesheet issues napervillekingstaxi.com

答案 1 :(得分:0)

.clearfix{clear:both;}

<div id="footer">
   <div style="float:left;width:50%;height:50px">11</div>
   <div style="float:left;width:50%;height:50px">111</div>
   <div class="clearfix></div>
<div>

答案 2 :(得分:0)

你的css中有一个错误,可能导致这一切:

#footer{
    width: auto;
    height:auto;
    font-family:Helvetica, sans-serif;
    font-size:14px;
    color:#FFF;
    clear:both;
    background-color:#000;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    padding-top:4px;
    padding-bottom: 4px;
    a:link {             /* big no no... take this out of the #footer rules */
    color: #FF0;
    text-decoration: none; 
}