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

【通用选择器】

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

*{margin:0; padding:0;}

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

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

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

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

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

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

【选择器的嵌套】

选择器也是可以嵌套的，如：

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

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