1

我想知道这两种方法之间是否有任何区别。

body,ul,li,p,h1,h2,h3,h4,h5{padding:0; margin:0; list-style-type:none;}

body,ul,p,h1,h2,h3,h4,h5{padding:0; margin:0;}
li{list-style-type:none;}

无需使用全局选择器* 这里真正的问题是,我list-style-type:none;在第一个示例中已经提到,即使此属性适用于li标记上。但是,我发现自己需要对所有元素进行分组并赋予它们 values ,即使某些值不适用于某些元素。

那么,除了清晰度问题之外,还有负面的一面吗?

4

2 回答 2

2

我会进行第二次重置..虽然我总是使用 Eric Meyers..

第一次重置适用padding:0; margin:0; list-style-type:none;于所有标签。这真的是多余的,因为list-style-type:none对 , 等绝对没有影响。h1如果h2它对这些元素没有影响,为什么还要应用它?不。

list-style-type:none仅对 有影响<ul><li>因此它应该只应用于那些,如第二个示例中所示。

在这 2 个选项中,使用以下选项:

body,ul,li,p,h1,h2,h3,h4,h5{padding:0; margin:0;}
ul,li{list-style-type:none;}
于 2013-09-14T19:58:14.910 回答
2

不同的是,第二组规则没有对li元素设置边距和内边距。

关于在list-style-type以外的元素上设置的问题li,这不是错误,也不会导致问题。但是,它可能会产生影响,因为这些元素仍然具有该属性,并且它们的子元素可以继承它。例如,如果另一个样式表设置h2 { display: list-item }了 ,那么它的list-style-typeh2是什么很重要。

于 2013-09-14T21:08:39.307 回答