Question

所以我正在设计一个网站，我在每个页面都使用相同的CSS。最初，我把它包含在每个单独的文档中，但是在每个页面上都需要更改它很烦人，所以我将它们全部设置为处理外部样式表。现在，它在很大程度上起作用，但是有几个属性停止工作，即text-align和float。奇怪的是，如果将这些属性包含在内部样式表中，它将再次开始工作。我猜它与某种优先级有关，但我想知道为什么那些特定属性不起作用，并且如果有任何方法在外部样式表中指定这些属性。谢谢！

CSS：

    div.box1
    {
        border-width:0px;
        text-align:left
    }
    img.floatLeft
    { 
        float: left; 
        margin: 5px;  
    }

    img.floatRight
    { 
        float: right;  
        margin: 5px;  
     }

HTML：

<div class="box1">
<font face="helvetica">
    TEXT TEXT TEXT <br><br><br>
    <b>NAME</b>
    <br>
    <img src="NAME" class="floatRight">
    TEXT TEXT TEXT<br><br>
    <b>NAME2</b>
    <br>
    <img src="NAME2" width="214" height="130" class="floatLeft">
    TEXT TEX TEXT
</font>
</div>

Answer 1

规则中最后一个属性上缺少的分号根本没问题。一些css最小化器也会这样做。 \ 我宁愿指出＆lt; font face =“helvetica”＆gt;应该替换为＆lt; p＆gt;（和匹配＆lt; / p＆gt;。

Answer 2

text-align:left有一个拼写错误。你错过了一个分号;终止声明。休息很好。

您的左侧浮动图片没有任何属性src，height或width，因此它基本上不会在DOM中显示。

查看有效的demo

某些属性不会从外部样式表转移

2 个答案: