css - 如何更改博客页面上链接的颜色？

Question

在我网站的博客页面上，指向我的博客文章的链接文本是蓝色的，我想将它们更改为不同的颜色。

我曾尝试在谷歌上搜索答案，但一无所获！

我的网站是http://bentleyandhudson.com/blog

如果您点击进入我的网站，您可以看到 poochplay ~ 狗活动跟踪器是蓝色的，这是我想更改的文本。

Answer 1

您的网站是 WordPress 网站，因此您可以通过以下方式更改博客页面中的链接：

在您的网站上有一个文件： http ://bentleyandhudson.com/wp-content/themes/bento/style.css

通过将以下代码添加到它的末尾来编辑它：

.blog .post .entry-header .entry-title a{
    color:black;
}
.blog .post .entry-header .entry-title a:hover{
    color:grey;
}

请务必重新加载浏览器缓存以加载添加到style.css文件中的更改。（按 CTRL+F5）

要将颜色添加到您网站中的每个链接，请将此代码添加到 style.css 文件中：

a{
    color:black;
}
a:hover{
    color:grey;
}

要更改侧边栏上帖子的链接颜色，请"PE Recent Posts"添加以下代码：

.pe-recent-posts-title-tag a{
    color:black;
}
.pe-recent-posts-title-tag a:hover{
    color:grey;
}

Answer 2

在你的 CSS 中：

 a { 
color: black; } 

如果要更改悬停时的颜色：

 a:hover {
 color: red; } 

编辑 特定类：

<a class="class1"></a>

在 CSS 中：

.class1{
 color: black;}

Answer 3

更加详细一些：

h2.entry-title a {
     color:green;
}
h2.entry-title a:hover {
     color:red;
}