如何定位页脚元素中的所有链接

Question

我有一个网站，我正在尝试从HTML4升级到HTML5。

之前的代码是：

<div id="footer">some text and stuff ...
    <a href="http://">something1</a> | 
    <a href="http://">something 2</a> | 
    <a href="http://">something 3</a>
</div>

一些与之相关的CSS是：

#footer a {
    color: #CCC;
}

现在我想我只是将<div>标记更改为并修复了CSS，但我还没有让它工作。

这是我认为它会起作用的方式。

<footer>some text and stuff ...
    <a href="http://">something1</a> | 
    <a href="http://">something 2</a> | 
    <a href="http://">something 3</a>
</footer>

footer a {
    color: #CCC;
    text-decoration: underline;
}

我做错了什么？

****编辑：好吧，这处理了问题:(我猜这个风格在某个地方通过其他规则被覆盖：/）

<footer>some text and stuff ...
    <a href="http://">something1</a> | 
    <a href="http://">something 2</a> | 
    <a href="http://">something 3</a>
</footer>

footer a {
    color: #CCC important!;
}