[英]Wordpress: Changing bullet colors (not text) of an specific ul
我正在尝试更改网站上的项目符号color
。 我了解我需要使用自定义CSS
来更改主题。
我找到了可以改变颜色的解决方案。 但是,项目符号也会添加到屏幕顶部和仪表板控件上的每个菜单之前。
我想将项目符号的颜色更改为我的自定义颜色,而不将项目符号添加到其他菜单吗?
实时站点: 链接到站点
首先,您必须指向此特定的 <ul>
并且由于最接近的class
位于<div>
标记内,因此应使用div
: class
,即: 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.