CSS【通用选择器】与【选择器的嵌套】

【通用选择器】

对于通用选择器还有一个不得不提的用法,就是为了保证作出的页面能够兼容多种浏览器,
所以要对HTML 内的所有的标签进行重置,会将下面的代码加到CSS 文件的最顶端

*{margin:0; padding:0;}

为什么要这么用呢,因为每种浏览器都自带有CSS 文件,如果一个页面在浏览器加载页面
后,发现没有CSS 文件,那么浏览器就会自动调用它本身自带的CSS 文件,但是不同的
浏览器自带的CSS 文件又都不一样,对不同标签定义的样式不一样,如果我们想让做出的
页面能够在不同的浏览器显示出来的效果都是一样的,那么我们就需要对对HTML 标签重
置,就是上面的代码了,但是这样也有不好的地方,因为HTML4.01中有89个标签,所以
相当于在页面加载CSS 的时候,先对这89个标签都加上了{margin:0; padding:0;}
在这里我不建议大家这么做,因为89个标签中需要重置的标签是很少数,没有必要将所有
的标签都重置,需要哪些标签重置就让哪些标签重置就可以了,如下:

1 body,div,p,a,ul,li{margin:0; padding:0;}
2  

如果还需要dl、dt、dd 标签重置,那就在上面加上就可以了,如下:

1 body,div,p,a,ul,li,dl,dt,dd{margin:0; padding:0;}
2  

用到那些就写那些,这点也可以看做衡量页面重构师制作页面水平的高低,以及是否专
业的一个方面。
到这里大家更应该明白这句话“通用选择器是功能最强大但是用的最少的选择器”了吧
~^_^
OK!选择器的内容我向大家应该都明白了,后面就继续讲解一下“选择器的集体声
明”和“选择器的嵌套”。

=============================================================

【选择器的嵌套】

选择器也是可以嵌套的,如:

#div1 p a{color:#900;}
/*意思是在ID 为div1内的p 标签内的链接a 标签的文字颜色为红色*/

这样的好处就是不需要在单独的为ID 为div1 的标签内的p 标签内的a 标签单独定义
class 选择器或者ID 选择器,CSS 代码不就少了嘛~同样也是CSS 代码优化的一块。

原文地址:https://www.cnblogs.com/tangge/p/1892517.html