CSS的工作原理（樣式重復的標簽，瀏覽器到底會選擇哪個樣式）_html/css_WEB-ITnose

CSS有3種工作機制：1.繼承 2.層疊 3.特指 （其中層疊原則是基于繼承和特指的）

1.繼承 ：css中的祖先元素會向后代傳遞一樣東西：CSS屬性的值。body是所有元素的祖先，如果我們指定body{color:red;},那么文檔中的所有元素都繼承這一樣式。這就是為什么，我們在記事本程序寫了一行字以后，重命名為：xxx.html，在用不同瀏覽器打開時，會有不同的字體效果，因為每個瀏覽器都有自己的預定義樣式表，其中包括body中的字體屬性，而我們用瀏覽器打開我們的Html時，我們繼承了這個屬性。

當然，不是所有的屬性都能被繼承，能被繼承的屬性大多數和文本有關，比如顏色、字體、字號等。而有些屬性，被繼承下來沒有意義，或者被繼承下來會影響頁面的布局，比如涉及元素定位，margin,padding，border等屬性。

2.層疊 ：也就是CSS中的C（cascading）,主要是按照樣式來源和特指度來層疊。

a）樣式來源 ：以下是瀏覽器層疊各個來源樣式的順序：

1. 瀏覽器默認樣式表
2. 用戶樣式表（比如有視力障礙的用戶，加了一個body{font-size:200%}）
3. 開發者外部樣式表（按照引入到頁面中的先后順序）
4. 開發者嵌入樣式表
5. 開發者行內樣式表
6. 注意：3 4的順序是看
7. 列表項1
列表1為黃色