html - 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。