CSS樣式嵌入是Web開發中的一個重要概念，我們需要了解樣式嵌入的優先級，才能更好地掌握CSS的應用。

優先級是指在多個樣式沖突時，瀏覽器采用哪個樣式規則的先后順序。雖然這個優先級看上去很晦澀，但是只要理解了就可以很好地應用到實際開發中。

CSS樣式嵌入的優先級是由以下四個因素決定的：

• 權重值
• 上下文（特殊性）
• 重要性
• 源碼順序

1. 權重值

style="color:red"             權重值1000
#demoId                        權重值100
.demoClass                     權重值10
body p                         權重值1

這里的權重值是按照1、10、100、1000這樣的倍數遞增的。這種定義方式是為了方便開發者記憶，實際上每個選擇器都有自己的權重值計算方法。當多個選擇器權重值相同時，后定義的樣式會覆蓋前面的樣式。

2. 上下文（特殊性）

style                         1000
#id                           0100
.class                        0010
tag                           0001

上下文指的是CSS選擇器中各種元素的特殊性，通常用ID選擇器的優先級高于類選擇器，類選擇器優先級高于標簽選擇器等。上下文的特殊性稱為選擇器特殊性。

3. 重要性

在樣式聲明中加入!important，可以使該聲明具有最高優先級。

color: red!important;

4. 源碼順序

在樣式沖突的情況下，源碼中位置靠后的樣式會覆蓋前面的樣式。

綜合上面四個因素，CSS樣式嵌入的優先級為：權重值 >上下文 >重要性 >源碼順序。

當我們了解了CSS樣式嵌入的優先級，就可以更好地排除樣式沖突，快速定位樣式問題，提高開發效率。