html - Wordpress:更改特定 ul 的元素符号颜色(不是文本)

Question

我正在尝试更改我网站上的元素符号颜色。我知道我需要使用自定义 CSS 来更改主题。

我找到了一种可以改变颜色的解决方案。但是，还会在屏幕顶部和仪表板控件上的每个菜单之前添加元素符号。

我想在不将元素符号添加到其他菜单的情况下将元素符号的颜色更改为我的自定义颜色？

实时站点:link to site

Answer 1

首先你必须指向这个特定的 <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>

Extra :我会给这个 <ul>一个独特的id而是指向那个，但我的解决方案适用于此页面，在其他页面上它也可能显示为自定义元素符号，如果这些页面有一个名为 entry-content 的类.