如何使用css

Question

我已经看过许多问题，我认为这些问题与我的问题相似，但没有一个问题适合我，这就是我发布这个问题的原因。我还是编程新手（只知道基础知识）所以请耐心等待：

我拥有一个网站All Gaming Everything

请打开网站上的任何帖子

我遇到的问题是网站上的所有<a>元素都是灰色的，所以在我的wordpress主题中使用自定义CSS选项，我只是做了

a:link { color:white; }

现在虽然这个功能像魅力一样，并且我的所有元素都具有相同的颜色（白色），但我希望只有文章正文中的链接颜色为红色，因为白色会阻止访问者查看是否存在帖子上的任何链接。我尝试使用inspect元素和自定义CSS更改方面，但似乎没有什么对我有用。我可以在我的wordpress主题上访问自定义CSS和自定义HTML编辑器，所以我非常感谢任何帮助，如果我说的是noobish（我是菜鸟），我再次感到抱歉。

Answer 1

您可以使用继承的css选择器。这意味着如果您有一个容器<a>元素作为子项，例如

<div id="container">
    <a href="#">Link</a>
</div>

在你的css中做

#container a {
    color: #ff0000;
}

或

div a {
    color: #ff0000;
}

现在<a>中的所有#container都是红色，如果没有来自wp样式表的其他声明。

查看一些很棒的网站，例如w3schools.com，了解css选择器，孩子，父母等等的基础知识。

Answer 2

由于您在<p></p>内使用wordpress和wygiswys换文本，您可以尝试：

p a:link{color:red}; 

它将改变paragraphe中每个链接的颜色。

Answer 3

我访问了您的网站，发现所有文章都包含在一个div中，内容为“td-post-content”。这样，您所要做的就是创建一个CSS规则，仅在这些div中定位锚标记。

<强>这里：

.td-post-content a {
  color: red;
}

它像一个魅力。我在下面的文章中测试了文章正文中的链接：

顺便说一句，您不需要在CSS语句中使用a:link。只有a会这样做。 ;）

干杯！