如何制作嵌套的编号列表-使用标记
作者：佚名 时间：2014-03-24
如何制作嵌套的编号列表-使用标记
根据css标准，浏览器应该将样式生成的内容放在受影响元素的常规HTML/XHTML内容之前或之后，因此，它会变为元素的流的一部分。这对于编号列表来说是不可接受的，编号列表中的编号会与每个编号项的内容分开来显示。要做到这一点，要把显示属性添加到生成的内容中，并使用标记的特殊值。例如，为了完全正确地制作嵌套的编号列表示例，我们可以使用下列规则：
ol{counter-reset: item}li:before{display: marker;counter-increment: item;content: counters(item,".")}
这样一来，生成的计数器编号就会在元素实际内容的左边显示。你可以用类似的方式将标记放在元素之后，例如，使用下列属性可以创建章内编号的方程式（<blockquote>元素描述了方程式）：
h1:before{counter-increment: chapter;counter-reset: equation}blockquote:after;{counter-increment: equation;display: marker;content: "("counter(chapter,upper-roman)"-" counter(equation)")"}
当显示标记时，浏览器会确定相对于元素实际内容来说，在哪里放置标记内容。用marker-offset属性可以修改这种行为。它接受等于标记边缘和相关联元素边缘之间的数字（长度）值。
如没特殊注明，文章均为上海联楷网络原创,转载请注明来自：http://www.linksj.com/contact/20151229/n7306.html
