相关疑难解决方法(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标签的原始层次结构。我需要的东西是：

1. First section

  1.1. Some text here, and some fruits:
        1.1.1. Apples
        1.1.2. Oranges
  1.2. Some more text here...

2. Second section

  2.1. Some second text here, and some fruits:
        2.1.1. Bannanas
        2.1.2. Mangos
  2.2. Some more second text here...

在部分编号的情况下，我可以对它进行硬编码，但所有其他需要通过自动CSS...我尝试了这个，但它没有按预期工作：样式（CSS）阻止它们HTML块，

1. First section

  1.1. Some text here, and some fruits:
        1.1.1. Apples
        1.1.2. Oranges
  1.2. Some more text here...

2. Second section

  2.1. Some second text here, and some fruits:
        2.1.1. Bannanas
        2.1.2. Mangos
  2.2. Some …