我已经为ul标签添加了样式，以便项目符号将是不同的颜色。这样做的问题是，它也改变了li内容的颜色，而我只打算改变项目符号的颜色。
我试过使用pseudo样式，但效果不佳。
由于我使用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而不会产生颜色冲突。
我不认为你可以在<li>中给子弹上色。所以你必须制作你自己的项目符号，你可以很容易地用CSS做到这一点。
下面是我经常使用的一个例子:
li {
position: relative;
list-style: none;
}
li:before {
position: absolute;
top: -3px;
left: -18px;
content: "• ";
font-size: 1.2em;
color: #222;
}
试试这个HTML:
<ul>
<li>
<span>
test
</span>
</li>
</ul>
与此CSS:
ul {
color: red;
padding-left: 22px;
}
ul span
{
color: green;
}
这对我有用。如果它不起作用，那么可能有其他CSS应用到你的代码中，在这种情况下，添加重要的样式。