html - CSS 不会更改 DIV 中链接的字体颜色

Question

不确定我遗漏了什么，但我的 HTML 忽略了我的 CSS 样式表链接规范。我的所有其他 CSS 定义在整个页面中都可以正常工作。非常感谢任何帮助!

我的 CSS 页面包括:

.footer {
    background:url( );
    margin:0;
    height:70px;
    clear:both;
}

.footer {
    margin:0;
    padding:10px;
    line-height: 175%;
    font:normal 11px helvetica, arial, sans-serif;
    color:#999;
}

a.footer {
    font:normal 11px helvetica, arial, sans-serif;
    color:#999;
    line-height: 175%;
}

a.footer:link {
    outline:none;
    text-decoration:none;
}

a.footer:visited {
    outline:none;
    text-decoration:none;
}

a.footer:hover {
    text-decoration:underline;
    font-weight:normal;
}

我的网页包括:

<div class="footer">
<a href="http://www.someurl.org"> Page Title 1</a><br />
<a href="http://www.someurl.org/credits_policies.html">Page Title 2</a>
</div>

Answer 1

全部更改a.footer至 .footer a

• a.footer表示全部<a>与类 footer
• .footer a表示 <a>在类 footer 的元素中这是你的 <div> .

你的 CSS 应该是这样的:

.footer a { font:normal 11px helvetica,arial,sans-serif; color:#999; line-height: 175%; } 

.footer a:link { outline:none; text-decoration:none; }

.footer a:visited { outline:none; text-decoration:none; }

.footer a:hover { text-decoration:underline; font-weight:normal; }

这里有一些类选择器和后代选择器的教程:

Class Selectors

Descendant Selectors