如何制作嵌套的編號列表-使用標記
作者：佚名 時間：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.ktcbnqb.cn/contact/20151229/n7306.html
