问:我有一个 wordpress 网站,在博客页面上我有一个带菜单的侧边栏。我只想改变那个菜单按钮的颜色,这是我现在使用的代码,我很确定有更好的方法来做到这一点,但只是想问问社区他们的想法。
关于我所做的一些事情。亚看到出于某种原因,我的网站希望链接和按钮文本是相同的颜色。所以我制定了一个css规则将按钮文本更改为白色。好吧,由于某种原因,当我将按钮的背景更改为蓝色时,文本颜色会更改为黑色......所以我必须再次添加白色。我知道这不是最好的方法,但这是我现在正在做的
- - - - 编码 - - - - - html ul style="list-style-type:none"> <li><a class="et_pb_promo_button et_pb_button "style="background: #4EB1BA; color: white; href="/study-hall/"><i class="fa fa-graduation-cap"></i> Study Hall</a></span></li> <li><a class="et_pb_promo_button et_pb_button "style="background: #4EB1BA; color: white; href="/tag/coil-builds/"><i class="fa fa-bolt"></i> Coil Building</a></span></li> <li><a class="et_pb_promo_button et_pb_button "style="background: #4EB1BA; color: white; href="/tag/new-vapers/"><i class="fa fa-info"></i> Vaping info</a></span></li> <li><a class="et_pb_promo_button et_pb_button "style="background: #4EB1BA; color: white; href="/tag/cloud-chasing/"><i class="fa fa-cloud"></i> Cloud Chasing</a></span></li> <li><a class="et_pb_promo_button et_pb_button "style="background: #4EB1BA; color: white; href="/e-juice-101/"><i class="fa fa-eyedropper "></i></i> E-juice 101</a></span></li> </u
更新:我试图去掉字体的样式颜色代码,它在侧栏中的奇怪文本被着色,当 bbutton 在页面或博客文章上时,文本是白色的。我认为主题有一个特殊的小部件颜色,这把它搞砸了
答:常我建议将您的 CSS 拉到一个单独的文件中。你有兴趣这样做吗?
如果没有,您可以内联进行,如下所示:
< head >
< style > # sidebar ul : first-child a { background-color : #4EB1BA ; 颜色:白色; <! -如果你需要它- > } </样式> </头> <身体> < UL > <礼> <一>链接1 </一> </李> <李> <一>
链路2 </一> </李>
</ UL > </身体>
WordPress 主题的类非常混乱,但我认为上面的选择器会起作用。因此,您正在做的是获取侧边栏中的第一个 ul,并将您的样式应用于该 ul 中的每个链接。
如果这不起作用,您可以将自己的类添加到该 ul,并以这种方式设置样式,如下所示:
<头>
<样式> 。我的新类a {背景颜色: #4EB1BA ; 颜色:白色; <! -如果你需要它- > } </样式> </头> <身体> < UL类= “我的新级” > <礼> <一>链接1 </一> </李> <李><
链路2 </一> </李>
</ UL > </身体>
最佳做法是将样式和内容分开,但 WordPress 已经相当混乱,所以如果这些是您唯一的更改,那么您可能不值得您费心。