TEL:400-8793-956
当前位置:程序、服务器

将 CSS 添加到 wordpress 页面上的侧边栏,需要更短代码的建议

提问者: 近期获赞: 浏览人数: 发布时间:2021-07-06 09:03:57

 问:我有一个 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>&nbsp;&nbsp;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>&nbsp;&nbsp;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>&nbsp;&nbsp;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>&nbsp;&nbsp;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>&nbsp;&nbsp;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 已经相当混乱,所以如果这些是您唯一的更改,那么您可能不值得您费心。
上一篇: Gulp/Sass/指南针
下一篇: Treehouse 使用什么电子邮件服务提供商?