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 選取器或者識別碼選取器，CSS 代碼不就少了嘛~同樣也是CSS 代碼最佳化的一塊。