3

不知道我错过了什么，但我的 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>
4

5 回答 5

10

全部更改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; }

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

类选择器

后代选择器

于 2012-09-14T05:38:06.407 回答
1

你会想a.footer变成.footer a. 您当前的 css 尝试自行设置具有“页脚”类的链接的样式。

于 2012-09-14T05:38:04.333 回答
0

它应该是

.footer a
{
//your syles
}

目前CSS正在应用于所有具有类的链接，footer但情况并非如此。你div有那个类

演示

于 2012-09-14T05:39:34.313 回答
0

将所有更改a.footer为.footer aas a.footeris nothing here 这意味着将样式应用于awithclass footer

于 2012-09-14T05:40:45.310 回答
0

嗨，现在习惯了

.footer a{
// your css here 
}

并使用了这个格式的标题 

<a href="#" title="Your title here ">helo</a>
于 2012-09-14T05:41:05.060 回答