CSS中的文字样式

Question

I have a footer in my HTML file:

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

And here is my css file:

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

But why it didn't change my text style? What am I doing wrong?

Thanks.

Answer 1

That is because you need to print this:

footer {
    background: #333;
}

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

instead of this:

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

In CSS you always need to cut your code on p , h2 a , span etc.