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 等处剪切代码