繁体   English   中英

WordPress:更改特定ul的项目符号颜色(非文本)

[英]Wordpress: Changing bullet colors (not text) of an specific ul

我正在尝试更改网站上的项目符号color 我了解我需要使用自定义CSS来更改主题。

我找到了可以改变颜色的解决方案。 但是,项目符号也会添加到屏幕顶部和仪表板控件上的每个菜单之前。

屏幕截图

我想将项目符号的颜色更改为我的自定义颜色,而不将项目符号添加到其他菜单吗?

实时站点: 链接到站点

首先,您必须指向此特定的 <ul>并且由于最接近的class位于<div>标记内,因此应使用divclass ,即: entry-content来执行此操作。 这就是你所缺少的。

然后将其放置在文本之前,请使用::before 这部分您已经做正确了。

这是一个例子:

 .entry-content ul { list-style: none; padding: 0; margin: 0; } .entry-content li::before { content: "•"; padding-right: 7px; color: red; } 
 <div class="entry-content"> <ul> <li><span style="font-size: 18pt;">Track: <em>The Ceiling</em></span></li> <li><span style="font-size: 18pt;">Artist: The Wild Feathers</span></li> <li><span style="font-size: 18pt;">Album: <em>The Wild Feathers</em></span></li> <li><span style="font-size: 18pt;">Year: 2013</span></li> </ul> </div> 

附加 :我会给此<ul>一个唯一的id ,而不是指向它,但是我的解决方案适用于此页面,如果在其他页面上,如果这些页面具有名为entry-content的类,则它也可能显示为自定义项目符号。 。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM