如何仅在字段集中更改链接的颜色?

时间:2012-10-28 07:01:53

标签: html css css3 colors fieldset

问题是默认颜色不适合我的背景...... 有人可以告诉我如何将页面底部的链接颜色更改为橙​​色 http://cisweb.bristolcc.edu/~jcharron17/week8-javascript.html

还要保留fieldset中的常规颜色吗? http://cisweb.bristolcc.edu/~jcharron17/

5 个答案:

答案 0 :(得分:2)

包裹以下行

<a href="index.html">Return to the Index</a>

以下方式在div中

<div id="footer">
<a href="index.html">Return to the Index</a>
</div>

然后在你的头部标签内写下面的css

<style type="text/css">
    #footer a {
        color: #F16F01;
    }
</style>

答案 1 :(得分:1)

目前,您没有任何A标签规范,也无法指示页面页脚中的标签需要与默认标签不同地进行处理。

正如Abhishek的例子所指出的那样,你需要将这些链接包含在为它们提供上下文的内容中。他选择<div id="footer">,这很好,HTML4 +有效。

我可能会选择HTML5规范,我自己:

<footer>
    <a href="index.html">Return to the Index</a>
</footer>

此外,您需要注意:link,:visited,:hover和:默认情况下所有链接都具有的活动状态。这就是为什么通常,为了确保您想要的颜色保持所有状态的颜色,您可以像这样指定链接CSS:

a, a:link, a:visited, a:hover, a:active {
    /* your specs here */
}

在上面的例子中,你会这样做:

<style type="text/css">
    #footer a, #footer a:link, #footer a:visited, #footer a:hover, #footer a:active {
        color: #F16F01;
    }
</style>

只是为了覆盖你的所有基地。

答案 2 :(得分:1)

将此代码放在最后的网站源代码中.. 在#所在地提供您的链接 你会得到那个文字的橙色

<a href="#"><font color="#F16F01">Return to the Index</font></a>

答案 3 :(得分:0)

class添加到代码a,如下所示:

<a href="index.html" class="orange">Return to the Index</a>

和CSS规则:

.orange { color: #F16F01; }
.orange:hover { color: #FF9900; }

或者您可以为所有链接使用新颜色,只需编写下一个CSS规则:

a { color: #F16F01; }
a:hover { color: #FF9900; }    

答案 4 :(得分:0)

fieldset a{
   color: pink;
}

希望能帮到你