是否可以从给定位置开始在HTML中显示枚举列表?

时间:2009-07-28 12:31:55

标签: html css

我有以下元素列表:

<ol>
  <li>First item</li>
  <li>Second item</li>
  <li>Third item</li>
</ol>

我想显示从'C'开始的列表,如下所示:

C  First item
D  Second item
E  Third item

有可能吗?列表是否总是必须从'1','a','A'等开始?

7 个答案:

答案 0 :(得分:5)

有一个起始值可以在列表项目上与类型一起定义。

<ol type="A" start="3">

这是从http://www.w3.org/TR/html4/struct/lists.html获取的段落。

start = number 已过时。仅限OL。此属性指定有序列表中第一个项目的起始编号。默认起始编号为“1”。请注意,虽然此属性的值是整数,但相应的标签可能是非数字的。因此,当列表项样式是大写拉丁字母(A,B,C,...)时,start = 3表示“C”。当样式是小写罗马数字时,start = 3表示“iii”等等。

你可以尝试自己使用 http://www.w3schools.com/TAGS/tryit.asp?filename=tryhtml_ol_start

答案 1 :(得分:2)

使用

<ol type="1" start="n">

以所需的数字开始新的列表,其中n是您想要的开始。

答案 2 :(得分:1)

HTML spec表示start有一个<ol>属性,但已被弃用。 value的{​​{1}}属性也已弃用。不太清楚为什么以及建议的解决方案是什么。

答案 3 :(得分:1)

如果您愿意,可以避免使用<ol type="1" start="3">表示法,因为如上所述,它已在HTML 4.01 *中弃用。不利的一面是,替换技术不是那么普遍,无论如何:

ol.start-from-three {
list-style-type: none;
counter-reset: list-counter 3; /* resets the counter to 3 */
}

ol.start-from-three li {
}

ol.start-from-three li:before { /* or :after, if you like */
content: "number: counter(list-counter)";
counter-increment: list-counter;
}

<ol class="start-from-three">
<li>This is the first item, numbered third</li>
<li>This is the second  item, numbered fourth</li>
<li>...etc...</li>
</ol>

当然,那些将解释这种技术的浏览器(来自Quirksmode)将允许弃用和CSS版本。所以...也许,如果你需要验证,可以使用某种形式的条件吗?


已编辑以修改我的原始断言“html 4.01 +中不推荐使用<ol type="1" start="3">”,ms2ger在下面的评论中提出了一点,即仅弃用了在html 4.01中,html 5(例如)允许使用start=" n "表示法

答案 4 :(得分:0)

<ol type="a" start="3">

答案 5 :(得分:0)

如前所述,您必须使用<ol start="number">,但在HTML 4.01中已弃用,在XHTML Strict中不受支持。

目前,没有CSS Alternative

答案 6 :(得分:-1)

你可以使用这个技巧,在Firefox,IE6,IE7,Chrome,Safari,Opera上测试:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
            "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
    <title></title>
    <style type="text/css">
        li.hidden { list-style: none; position: absolute; }
    </style>
</head>
<body>
<ol>
    <li class="hidden"></li>
    <li class="hidden"></li>
    <li class="hidden"></li>
    <li>First item</li>
    <li>Second item</li>
    <li>Third item</li>
</ol>
</body>
</html>

基本上,除了“display:none”之外的任何阻止列表项可见的css样式都可以完成工作。