列表属性使用无效？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.linksj.com/contact/20151229/n7301.html

上海网站建设