更改超链接和段落文本的颜色

时间:2017-08-16 17:10:51

标签: html css hyperlink

所以我在网上到处寻找解决这个问题的方法,从添加一个类到使用跨度的超链接,最终发生的事情是我要改变的超链接和段落被我所能覆盖只假设是以前的超链接/段落样式?

我是否正确地这样做了,这只是放在CSS中的问题?

我会发布网站链接,以便您可以根据需要查看代码。 我还将在DreamWeaver预览下面发布一个快照,该预览显示了页脚内部的文本内容。

我需要更改的文字:“Creative Commons Milwaukee Skyline”......位于主页底部(.index)。

2 个答案:

答案 0 :(得分:1)

如果您可以访问可以直接定位这些样式表的样式表,则可以使用!important进行更改。

例如,假设您想要更改<p>颜色,您可以执行以下操作:

p { color: #fff !important; }

您也可以为超链接执行相同的操作。

另外,查看该网站的源代码,它们位于<div class="footernav">内。更具体地说,您可以像这样定位这些元素(仅基于现在的源代码)。

根据父母的身份(.footernav作为主要父母),根据具体元素根据他们居住的位置进行定位:

.footernav>p#paracred { color: #fff !important; } 

并为您的超链接

.footernav>p#paracred a { color: #fff !important; }

您很可能不需要!important,因为您直接针对他们,但以防万一,根据您的初始问题。

JSFiddle例如:https://jsfiddle.net/Lm8yjdcb/

其他方法也可以专门针对这些内容,仅供参考:

退出<p>目标

.footernav>#paracred { color: #fff !important; }
.footernav>#paracred a { color: #fff !important; }

退出.footernav目标

#paracred { color: #fff !important; }
#paracred a { color: #fff !important; }

答案 1 :(得分:0)

将属性分配给<p><a> inside of <p>,例如:

p {
  color: #fff;
}

p a {
  color: rgba(255, 255, 255, 0.6);
  font-weight: 100;
  font-style: italic;
  font-size: inherit;
}

它看起来就像你想要的那样。

希望这有帮助!