有的小伙伴問了，如果有一種情況：對于同一個元素我們同時用了三種方法設置css樣式，那么哪種方法真正有效呢？在右邊編輯器就出現了這種情況

1、使用內聯式CSS設置“超酷的互聯網”文字為粉色。

2、然后使用嵌入式CSS來設置文字為紅色。

3、最后又使用外部式設置文字為藍色（style.css文件中設置）。

但最終你可以觀察到“超酷的互聯網”這個短詞的文本被設置為了粉色。因為這三種樣式是有優先級的，記住他們的優先級：內聯式 > 嵌入式 > 外部式

但是嵌入式>外部式有一個前提：嵌入式css樣式的位置一定在外部式的后面。如右代碼編輯器就是這樣，<link href="style.css" ...>代碼在<style type="text/css">...</style>代碼的前面（實際開發中也是這么寫的）。感興趣的小伙伴可以試一下，把它們調換順序，再看他們的優先級是否變化。

其實總結來說，就是--就近原則（離被設置元素越近優先級別越高）。

但注意上面所總結的優先級是有一個前提：內聯式、嵌入式、外部式樣式表中css樣式是在的相同權值的情況下，什么是權值呢？在后面的小節中會講解到。