扭转ol编号

Mat*_*hew 9 html css internet-explorer

ol在支持ie7 +的同时,如何在没有javascript的情况下反转编号?

我发现已弃用的解决方案在我当前的浏览器(firefox和chrome)上不起作用,或者使用ie7 +不支持的:before选择器或子>选择器.

想法?

Wil*_*ill 11

这可以通过设置lis 的值来完成.如果您有一个很长的列表,则可以使用JavaScript来设置值.我不认为有一个CSS解决方案来颠倒列表的顺序.

<ol>
    <li value="3">first</li>
    <li value="2">second</li>
    <li value="1">third</li>
</ol>
Run Code Online (Sandbox Code Playgroud)

  • HTML5支持<ol reversed>,但它还没有得到任何浏览器的支持.. http://www.whatwg.org/specs/web-apps/current-work/multipage/grouping-content.html#attr-ol-reversed所以,只需使用手动解决方案或诉诸JavaScript. (4认同)