XML/HTML Code復(fù)制內(nèi)容到剪貼板
- <ol>
- <li>Coffee</li>
- <li>Tea</li>
- </ol>
-
- <ol>
- <li start="60">Coffee</li>
- <li>Tea</li>
- </ol>
XML/HTML Code復(fù)制內(nèi)容到剪貼板
- <ol>
- <li>土豆</li>
- <li>洋蔥</li>
- <li>胡蘿卜</li>
- <li>里脊肉</li>
- </ol>
這些序號(hào)默認(rèn)是從1開(kāi)始遞增的。如果需要讓OL標(biāo)簽中的序號(hào)倒序排列呢?這只要對(duì)OL加個(gè)reserved屬性即可。
XML/HTML Code復(fù)制內(nèi)容到剪貼板
- <ol reversed="reversed">
- 這個(gè)是繼承自XHTML的寫(xiě)法,其實(shí)可以直接寫(xiě)
- <ol reversed>
Chrome和Firefox中都是沒(méi)問(wèn)題的,但是IE不兼容它(至少我測(cè)試了IE10是不兼容的)。嘛,咱現(xiàn)在只是了解一下這個(gè)功能,至于IE實(shí)不實(shí)現(xiàn)暫時(shí)就不再討論了。
接著,如果不想讓它從1開(kāi)始呢?比如要讓它從3開(kāi)始,我們就可以給OL標(biāo)簽添加start屬性,并設(shè)置為3。
XML/HTML Code復(fù)制內(nèi)容到剪貼板
最后,對(duì)于完全無(wú)規(guī)律卻又是有序的東西怎么做呢?比如我要2、1、3、4,這樣的排列怎么辦?其實(shí),只要給LI加上value屬性就可以控制這個(gè)序號(hào)。
XML/HTML Code復(fù)制內(nèi)容到剪貼板
- <ol>
- <li value="2">土豆</li>
- <li value="1">洋蔥</li>
- <li value="3">胡蘿卜</li>
- <li value="4">里脊肉</li>
- </ol>