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>。.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; }。

你的CSS应该是这样的：

{{1}}

以下是类选择器和后代选择器的一些教程：

Class Selectors

Descendant Selectors

Answer 2

您需要将a.footer更改为.footer a。您当前的css尝试设置具有“footer”类的链接样式。

Answer 3

应该是

.footer a
{
//your syles
}

目前CSS正在应用于课程footer的所有链接，情况并非如此。您的div有该课程

<强> Demo

Answer 4

将所有a.footer更改为.footer a，因为a.footer这里没有任何内容，这意味着将a的样式应用于class footer

Answer 5

嗨现在习惯了这个

.footer a{
// your css here 
}

并使用了格式化的标题

<a href="#" title="Your title here ">helo</a>

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

5 个答案: