CSS中的文本样式

Question

我的HTML文件中有一个页脚：

<footer>
    <p>
        Copyright &copy; 2013.
    </p>
</footer>

这是我的css文件：

footer {
    background: #333;
    color: #FFFFFF;
    font-size: 60%;
    font-family: tahoma, sans-serif;
    text-align: center;
    margin: 0;
    padding: 10px 0;
}

但为什么它没有改变我的文字风格？我做错了什么？

感谢。

Answer 1

那是因为你需要打印这个：

footer {
    background: #333;
}

footer p {
    color: #FFFFFF;
    font-size: 60%;
    font-family: tahoma, sans-serif;
    text-align: center;
    margin: 0;
    padding: 10px 0;
}

而不是：

footer {
    background: #333;
    color: #ccc;
    font-size: 70%;
    font-family: tahoma, sans-serif;
    text-align: center;
    margin: 0;
    padding: 10px 0;
}

在CSS中，您始终需要在p，h2 a，span等处剪切代码。