相关疑难解决方法(0)

我想要这个HTML ...

<ol style="list-style:decimal;">
<li>Apples</li>
<li>Oranges</li>
</ol>

......像这样呈现

Q1.苹果
Q2.桔子

换句话说,我希望自动生成的数字以静态字符串"Q"为前缀.

我试过像这样的CSS:

ol li:before
{
  content:"Q";
}

但这产生了这个:

1. QApples
2. QOranges

我也尝试过使用"list-style:numbers inside;",但这只是将列表向右移动,结果相同.我找不到以任何方式引用自动生成的数字元素以向其添加CSS样式信息的方法.这看起来像是一个简单,常见的场景,但我找不到任何方法用简单的CSS(没有CSS计数器,JavaScript等)来实现它.

所以我搜索了高低,并且无法找到一个看似简单问题的答案.

我有一个这样的有序列表:

<ol>
  <li>Some text here</li>
  <li>Some more text here..</li>
  <li>Oh yeah, here's some pretty text</li>
</ol>

哪个显示:

1. 这里有一些文字
2. 这里还有一些文字..
3. 哦,是的,这里有一些漂亮的文字

我想真正展示的内容:

步骤1.这里有一些文字

第2步.这里有更多文字..

第3步.哦,是的,这里有一些漂亮的文字

问题:这是否可能,如果可行,如何在不使用可疑解决方案的情况下进行此操作？