列表屬性使用無效？HTML使用列表屬性技巧
作者：佚名 時間：2014-03-20 分享到：
列表屬性使用無效？HTML使用列表屬性技巧
盡管可以對任何元素使用列表屬性，但它們只有影響那些display屬性設置為list-item的元素外觀。通常，惟一具有這個屬性的標簽是<h>標簽。
這不會妨礙你在其他地方使用這些屬性，尤其是與<ul>和<ol>標簽一起使用時。由于這些屬性是從父元素繼承的，為<ul>和<ol>標簽修改列表屬性也將為那個列表包含的所有<li>標簽標簽修改這個屬性。這使得為列表定義一個特殊的外觀顯得非常容易。
例如，假設需要創建一個使用小寫羅馬數字的列表樣式。一種方法是定義一個<li>標簽類，并正確定義list-style-type:
li.roman{list-style-type:lower-roman}
在列表中，需要用那個類來指定每個列表元素：
<ol>
<li class=roman>Item one
<li class=roman>Item two
<li class=roman>And so forth
不得不重復類名是很繁瑣的，也很容易出錯。更好的解決方法是定義一個<ol>標簽類：
ol.roman{list-style-type: lower-roman}
這個列表中的任何<li>標簽都將繼承這屬性，例用小寫羅馬數字：
<ol class=roman>
<li>Item one
<li>Item two
<li>And so forth
</ol>
這就更容易理解和管理。如果以后某個時間需要改變編號樣式，只需要改變<ol>標簽屬性，而不用查找和修改列表中<li>標簽的每個實例。
也可以更大范圍地使用范圍這些屬性。對<body>標簽設置一個列表屬性將改變文檔中所有列表的外觀；對<div>標簽設置這個屬性將改變這個部分中的所有列表。
如沒特殊注明，文章均為上海聯楷網絡原創,轉載請注明來自：http://www.ktcbnqb.cn/contact/20151229/n7301.html
