网站建设技术团队
如何制作嵌套的编号列表-使用标记
  • 日期 : 2014-03-24
如何制作嵌套的编号列表-使用标记
    根据css标准，浏览器应该将样式生成的内容放在受影响元素的常规HTML/XHTML内容之前或之后，因此，它会变为元素的流的一部分。这对于编号列表来说是不可接受的，编号列表中的编号会与每个编号项的内容分开来显示。要做到这一点，要把显示属性添加到生成的内容中，并使用标记的特殊值。例如，为了完全正确地制作嵌套的编号列表示例，我们可以使用下列规则：
ol{counter-reset: item}
li:before{display: marker;
counter-increment: item;
content: counters(item,".")}
    这样一来，生成的计数器编号就会在元素实际内容的左边显示。你可以用类似的方式将标记放在元素之后，例如，使用下列属性可以创建章内编号的方程式（
元素描述了方程式）：
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.61916.com/text_lists_652.html