php - WordPress:用 span 包裹 li 内容

Question

我已将样式添加到 ul 标记中，这样元素符号的颜色就会不同。问题在于它还会更改 li 内容的颜色，而我只打算更改元素符号点的颜色。

我试过使用伪样式，但效果不佳。

由于我使用的是 WordPress，li 将位于内容编辑器中，因此如果 li 标签中的所有内容都包含在 span 中，那将是理想的选择 这样我就可以从其中的内容中过滤掉 li 的样式。

我知道这可以通过 preg_replace 实现，但总的来说我对 PhP 还是个新手。

下面是我正在努力实现的一个例子:

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

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

我希望这对你有意义，我尽力了。

请求的 CSS

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

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

注意:

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

对于那些不清楚的人，我通过 WordPress 内容编辑器添加了 ul 元素。因为这需要对用户友好，所以我需要一种在 li 内容之前插入 span 的方法，以便没有技术知识的用户可以插入没有颜色的 ul冲突。

Answer 1

我不认为你可以在 <li> 中给元素符号上色.因此，您必须制作自己的子弹，并且可以使用 CSS 轻松完成。

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

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