CSS样式';a';使用Wordpress主题全局标记
我在我的网站上使用Wordpress羽衣甘蓝主题,到目前为止,我已经能够通过“附加CSS”部分根据需要更新样式。但是,每当我尝试更改“a”标记时,我的站点上都不会实现这些更改。我能让这些工作起来的唯一方法是对每个页面上的每个样式进行更改,这显然是不理想的,因为我添加了越来越多的博客文章。到目前为止,我一直在做的方式如下所列,但是我需要一种在全球范围内实现这些更改的方式,就像我在h1、h2、h3等标签上做的一样。正如您将看到的,我必须为用于显示内容的表中的每个子部分创建新样式。任何帮助都会很好CSS样式';a';使用Wordpress主题全局标记,css,Css,我在我的网站上使用Wordpress羽衣甘蓝主题,到目前为止,我已经能够通过“附加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;
}
以下是编辑这些链接需要执行的步骤:
body a {color: red !important;}
这应该可以解决您的问题。感谢您的帮助,我通过子主题编辑器(.single.entry content a)找到了选择器。最初,我创建了一个子主题,但这破坏了导航布局,因此如果我可以根据需要编辑上面的代码,那将是更好的选择。这有可能吗?我刚做了一个测试,我的工作正常。如果你的人不这样做,他们会做我提出的另一个建议,那就是编辑和更新style.css文件。我刚刚安装了一个新的wordpress并制作了一个Kale儿童主题,它工作得很好。我正在使用一个插件来创建儿童主题,这可能是它破坏导航的原因。确实从中找到了合适的选择器,尽管现在一切正常。谢谢你的建议很高兴听到!如果我的答案对你有用,请投赞成票。你应该删除这个,并将其作为评论添加到答题帖中。