相关疑难解决方法(0)

我认为这个问题的答案是否定的......但有没有人知道一种HTML/CSS方式来创建一个有序列表而没有一段时间后的数字？或者,或者,指定分隔符？

理想情况下,我不想为每个数字使用不同的类进行list-style-image,但这是我迄今为止所能想到的......这看起来非常不合情理.

IE:

Default Style:
1. ______
2. ______
3. ______

Desired Style:
1  ______
2  ______
3  ______

Alternate Style:
1) ______
2) ______
3) ______

我正在尝试在CSS + HTML中创建一个如下所示的有序列表:

我不能为我的生活弄清楚如何做到这一点.我尝试过使用,list-image但数字不会出现.我尝试设置背景,但如果list-style-position设置为,它将不会出现在数字后面outside.我尝试用背景设置它list-style-position: inside,然后将文本放在lia中div以对齐它,但浮动,边距等的组合没有包围数字.

这似乎是我在很多网站上看到的东西,但目前我似乎无法找到一个有效的例子,谷歌搜索也没有给我任何结果.

那么,任何人都可以帮我这个吗？如何使用HTML + CSS创建上述内容,理想情况下不使用JS,绝对不使用图像.此文本需要是可选择的并且可以复制/粘贴.

因为一位评论者问,这是我现在的标记:

<ol>
  <li><span>List item one.</span></li>
  <li><span>List item two.</span></li>
  <li><span>List item three.</span></li>
</ol>

我尝试过的CSS都没有接近工作,所以我不确定分享我目前所拥有的价值.这是一个失败的版本......

ol { display: block; list-style: decimal outside url('/images/lists/yellow-circle-18px.png'); }
ol li { width: 176px; margin-right: 20px; float: left; }
ol li span { display: block; }

如此处所定义:

http://www.w3.org/TR/CSS21/generate.html#propdef-counter-increment

您可以使用以下代码来增加伪元素中的数字.

H1:before {
    content: "Chapter " counter(chapter) ". ";
    counter-increment: chapter;  /* Add 1 to chapter */
}
H1 {
    counter-reset: section;      /* Set section to 0 */
}
H2:before {
    content: counter(chapter) "." counter(section) " ";
    counter-increment: section;
}

有没有办法可以使用相同的代码来增加像"a","b","c"等字母？

谢谢!