HTML：如何创建一个numerated指数

可能重复：
Number nested ordered lists in HTML
HTML: ordered sublists HTML：如何创建一个numerated指数

我想创建一个numerated指数：

1.0

1.1

1.1.1

1.1.2

1.1.3

1.2

2.0

2.1

2.2

什么是最好的方式吨o这样做？ ul，ol？

<ul> 
<li><span>1.0</<span>First entry</li> 
<li><span>1.1</<span>Second entry</li> 
</ul>

来源

2012-03-29 bodokaiser

去看看你原来的问题你贴早一些。我回答说。 – ScottS 2012-03-29 18:31:26

@ScottS：是什么让你认为这两个问题背后都是同一个用户？他们非常相似，是的;但这可能只是巧合。 – 2012-03-29 18:35:06

@ DavidThomas - 因为它是相同的用户数（user1246987）:-) – ScottS 2012-03-29 18:36:44

你不需要的跨度，除非你explisitly希望将其标记的东西，对于造型等等你所做的接缝细小，除非你需要做不同的东西从它做什么现在。如果你只是想让它枚举1,2,3等，那么你可以使用ol而不是ul。

来源

2012-03-29 18:29:01

1.0首先进入
1.1第二个条目
1.2第二个条目

你好，是的，我想用在跨度设置造型等于默认OL列表。我选择使用静态解决方案，因为我的眼睛中的动态不是cosher :( – bodokaiser 2012-03-29 19:30:09

您正在寻找的东西很容易用css进行计数。你不需要再自己写数字了。

读here

来源

2012-03-29 18:31:28

嗨，你可以做，我给你举例

CSS

body{ 
    counter-reset:section; 
} 
div{ 
    margin-top:10px;margin-left:10px; 
} 
.numercal { 
    counter-reset:subsection; 
    font-weight:bold; 
} 
.numercal:before{ 
    counter-increment:section; 
    content:"Section " counter(section) ". "; 
    font-style:italic; 
    color:red; 
} 
.numercal-no:before{ 
    counter-increment:subsection; 
    content:counter(section) "." counter(subsection) " "; 
}

HTML

<div> 
    <p class="numercal">Demo Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
</div> 


<div> 
    <p class="numercal">Demo Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
</div> 




<div> 
    <p class="numercal">Demo Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
    <p class="numercal-no">Sub Text here</p> 
</div>

直播d EMO click here http://jsfiddle.net/rohitazad/Xwm3C/1/

现在更多关于此去这个网站http://reference.sitepoint.com/css/counter-increment

http://www.w3.org/wiki/CSS/Properties/counter-increment

来源

2012-03-30 11:36:26

HTML：如何创建一个numerated指数

回答

相关问题