Question

我无耻地从SO的<pre>标签中窃取了一些CSS，以便在我的网站中拥有这种东西。但是，background-color属性似乎不起作用：背景仍为白色。我该如何解决这个问题？

我的CSS：

    pre.code, code {
        font-family: Consolas, Menlo, Monaco, "Lucida Console", "Liberation Mono", "DejaVu Sans Mono", "Bitstream Vera Sans Mono", "Courier New", monospace, sans-serif;
        background-color: #eee;
    }
    pre.code {
        overflow: auto;
        font-size: 13px;
        padding: 5px;
        width: auto;
        width: 650px !ie7;
        padding-bottom: 20px !ie7;
        max-height: 600px;
        margin-bottom: 1em;
        display: block;
        color: #393318;
        white-space: pre;
    }

HTML：

<code>inline code</code>
<pre class="code">block code</pre>

Answer 1

尝试在背景颜色规则后添加！important。

background-color: #eee !important;

这将告诉webbrowser这种着色会覆盖可能尝试着色的任何其他css规则。

修改

正如Lister所说，！重要的只应该用于帮助调试css问题。一旦你找到了问题，就应该修复有问题的CSS。

Answer 2

尝试从使用它的规则中删除！ie7 ，并检查是否解决了问题。

预标签显示代码

2 个答案: