php – WordPress：用跨度包裹li内容

我已经为ul标签添加了样式,以便子弹点将是不同的颜色.这个问题是它也改变了li内容的颜色,而我只打算改变子弹点颜色.

我尝试过使用伪造型,但效果不佳.

由于我使用的是wordpress,因此li将位于内容编辑器中,因此如果li标签中的所有内容都包含在一个范围内,那么这将是理想的,这样我就可以从其中的内容中过滤出li的样式.

我知道这可以用preg_replace实现,但我一般都是PHP的新手.

这是我想要实现的一个例子：

<ul>
 <li>
  // wordpress Add <span> Here
    Content Goes Here
  // wordpress Add </span> Here
 </li>
</ul>

最终是否可以使用后端函数和过滤器自动包装内容,而不是让用户在wordpress内容编辑器中手动添加它？

我希望这对你有意义,我尽我所能.

CSS按要求提供

ul {
 color: #2e6c9e;
 padding-left: 22px;
}

ul li {
 color: #636466; // This does not work :(
}

注意：

我需要一个替代方案：before和：after

对于那些不清楚的人,我通过wordpress内容编辑器添加ul元素.由于这需要用户友好,我需要一种方法在li内容之前滑入跨度,以便没有技术知识的用户可以插入ul而没有颜色冲突.

解决方法:

我不认为你可以在< li>中为子弹着色.所以你必须制作自己的子弹,你可以轻松地用CSS做到这一点.

这是我经常使用的一个示例：

li {
    position: relative;
    list-style: none;
}
li:before {
    position: absolute;
        top: -3px;
        left: -18px;
    content: "• ";
    font-size: 1.2em;
    color: #222;
}