首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >更改超链接和段落文本的颜色

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

Stack Overflow用户
提问于 2017-08-16 17:10:51
回答 2查看 752关注 0票数 0

因此,我在网上到处寻找解决这个问题的方法,从向超级链接中添加类到使用span,最终发生的是,我想要更改的超链接和段落被我只能假设的以前的超链接/段落样式所覆盖?

我这样做正确吗?这只是css中的位置问题吗?

我会张贴的网站链接,以便您可以看看代码,如果需要。我还将在下面发布一张DreamWeaver预览的快照,介绍在页脚中文本应该是什么样子。

我需要修改的文字:“创作共用密尔沃基天际线”..。在主页的底部(.index)。

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-08-16 17:13:01

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

例如,假设您想要更改<p>颜色,您可以这样做:

代码语言:javascript
复制
p { color: #fff !important; }

你也可以为你的超链接做同样的事情。

另外,看看这个网站的源代码,他们就坐在你的<div class="footernav">里面。因此,更具体地说,您可以像这样针对这些元素(仅基于现在的源代码)。

基于父母的特定元素的(**.footernav**是主要父元素):

代码语言:javascript
复制
.footernav>p#paracred { color: #fff !important; } 

还有你的超链接

代码语言:javascript
复制
.footernav>p#paracred a { color: #fff !important; }

你最有可能不需要的!重要,因为你是直接瞄准他们,但以防万一,根据你的初步问题。

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

其他方法也专门针对这些目标,只是为了获得更多的信息:

<p> 遗漏了目标

代码语言:javascript
复制
.footernav>#paracred { color: #fff !important; }
.footernav>#paracred a { color: #fff !important; }

.footernav 遗漏了

代码语言:javascript
复制
#paracred { color: #fff !important; }
#paracred a { color: #fff !important; }
票数 1
EN

Stack Overflow用户

发布于 2017-08-16 17:16:42

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

代码语言:javascript
复制
p {
  color: #fff;
}

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

它会看上去和你想要的一模一样。

希望这能有所帮助!

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/45719406

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档