[分享]css列表ie7兼容

CSS（层叠样式表）是一种用于呈现网页的语言，它可以控制网页中的样式、字体、布局、颜色等属性。在创建网页时，列表是经常使用的一种元素。然而，对于IE7浏览器，列表的兼容性问题是一个比较麻烦的问题。下面...

CSS（层叠样式表）是一种用于呈现网页的语言，它可以控制网页中的样式、字体、布局、颜色等属性。在创建网页时，列表是经常使用的一种元素。然而，对于IE7浏览器，列表的兼容性问题是一个比较麻烦的问题。下面介绍一些解决方法。

在IE7浏览器中，ul和ol列表中，每个项目之间存在一个默认的左侧缩进。为了解决这个问题，我们可以使用CSS样式表来定义一个去除列表缩进的样式。

ul, ol {
    padding:0;
    margin-left:0;
} 

另外，在IE7浏览器中，为了解决列表项目的间距问题，我们需要给li标签添加一个display:inline样式。这样，列表项目之间将不会出现多余的空隙。

li {
    display:inline;
    zoom:1;
} 

如果我们需要对列表中的某一个项目进行特殊样式的定义，我们可以使用nth-child选择器。然而，在IE7中，nth-child并不被支持。为了解决这个问题，我们可以使用JavaScript来改变指定项目的样式。

document.getElementsByTagName("li")[n].style.property = value;
// n代表列表中的第n个项目，property代表要改变的样式属性，value代表要改变的属性值。 

总之，CSS列表的兼容性问题在IE7中是非常常见的。通过使用特定的样式和JavaScript，我们可以解决这个问题并提高网页在不同浏览器中的兼容性。