我想要这个HTML ...
<ol style="list-style:decimal;">
<li>Apples</li>
<li>Oranges</li>
</ol>
...渲染成这样
Q1。苹果Q2。橘子
换句话说，我希望自动生成的数字以静态字符串“ Q”为前缀。
我尝试过这样的CSS：
ol li:before
{
content:"Q";
}
但是会产生这个：
我也尝试过使用“ list-style：numbered inside;”，但这只是将列表向右移动，结果相同。我找不到一种以任何方式引用自动生成的数字元素以向其添加CSS样式信息的方法。这似乎是一个简单，常见的场景，但是我找不到任何方法可以通过简单的CSS（没有CSS计数器，JavaScript等）来完成它。