css - 用通配符清空默认样式好，还是指定标签来清空好些？

问题描述

问 题

1、之前我都是这样清除默认

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
    padding: 0;
    margin: 0
}

2、看到好多项目是这样写的

*{
    padding: 0;
    margin: 0
}

3、这两种方式应该第一种对资源消耗少些吧，大家一般怎么写的呢？

解决方案

星号（*）的优先级是很高的，他的作用域很大。所以，你的页面层次越复杂，重复继承和渲染的次数就越多。

而且例如： *{

   color: #....

}
/body中有的标记的字体都会变色，但是超链接不行。通配符,但是注意兼容性，少用*/

那么星号（*）通配符是不是就不能用，或者越少用越好呢？当然不是！不过要坚持这样的原则：
不要在在深层次的页面结构中使用它；
不要在页面的根节点使用它；
不要在距离目标节点较远的节点上使用它

这篇关于css - 用通配符清空默认样式好，还是指定标签来清空好些？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！