html - 替换

Question

我一直在努力寻找一种方法来绕过 ol 元素中的 start 属性。

您可能知道，start 已在 HTML 4.01 和 XHTML 1.1 等官方标准中被宣布弃用，并且 W3C 也懒得向我们解释没有它我们如何度过难关。是的，它在 HTML5 中未被弃用，但问题仍然存在。

有 Ordered Lists <OL>, Starting index with XHTML Strict?这很好地解释了如何解决它。但仅适用于数字列表(type="1")。其他类型呢？

我创建了一个 jsFiddle ，我的问题是，可以做到吗？您可以删除 start 属性并用 CSS 替换它，以便结果看起来与原来的一样吗？还是 W3C 在弃用它的那天就脑袋放屁了？

Answer 1

您可以在 content CSS 属性 ( specification ) 中为 counter() 指定第二个参数:

ol.roman18 {
    margin: 1em 0;
    counter-reset: item 17; /* The first list item will start at 18, XVIII */
}
ol.roman18 li {
    margin: 0 0 0 4em;
}
ol.roman18 li:before {
    content: counter(item, upper-roman) '.';
    counter-increment: item;
    /* Alignment */
    position: absolute;
    margin-left: -3.5em;
    text-align: right;
    width: 3em;
}

附言。 item 不是必需的名称，它只是计数器的标识符。如果您愿意，可以将其替换为小马:http://jsfiddle.net/kRPDH/4/ .

演示:http://jsfiddle.net/kRPDH/6/