Question

我在我的网站上使用Wordpress Kale主题，并且到目前为止已经能够通过“附加CSS”部分更新样式。但是，每当我尝试更改'a'标记时，我的网站上都没有实现这些更改。我能够实现这些工作的唯一方法是对每个页面上的每个样式进行更改，这显然不太理想，因为我添加了越来越多的博客文章。到目前为止我一直在做的方式如下所示，但我需要一种全局实现这些更改的方法，就像我使用h1，h2，h3等标签一样。正如您将看到的，我必须为我用于显示内容的表中的每个子节创建新样式。任何帮助都会很棒！

/* STYLING FOR POST FACEBOOK LINK */
#panel-560-1-1-0 > div > div > table > tbody > tr:nth-child(5) > td:nth-
child(2) > a {
color: #545454;
text-decoration: none;
}

/* STYLING FOR POST TWITTER LINK */
#panel-560-1-1-0 > div > div > table > tbody > tr:nth-child(6) > td:nth-
child(2) > a {
color: #545454;
text-decoration: none;
}

/* STYLING FOR POST INSTAGRAM LINK*/
#panel-560-1-1-0 > div > div > table > tbody > tr:nth-child(7) > td:nth-
child(2) > a {
color: #545454;
text-decoration: none;
}

Answer 1

以下是编辑这些链接时需要执行的步骤：

首先，从Kale主题制作一个儿童主题： https://codex.wordpress.org/Child_Themes
然后，添加您的css覆盖{}以及您已创建的Kale Child Theme中style.css的任何其他链接。我创建的最佳覆盖是在style.css：
的末尾
```
body a {color: red !important;}
```

如果那些孩子的css覆盖不起作用，你需要使它们更具体;您在示例中引用的代码具有更多＆＃34;特异性＆＃34;所以你的覆盖需要在它们被引用之后（以css代码顺序）并且更多＆＃34;特定＆＃34;在全球css级联。

如果您显示的css位于子css中，则只需编辑它们，而不是覆盖它，只需在style.css工作表中找到它们，并覆盖父主题样式。

这可以解决您的问题。

Answer 2

感谢您的帮助，我通过子主题编辑器找到了选择器（.single .entry-content a）

使用Wordpress主题

2 个答案: