如果有一種情況：對於同一個元素我們同時用了三種方法來設(shè)定css樣式，那麼哪一種方法真正有效呢？在右邊編輯器就出現(xiàn)了這種情況

1、使用內(nèi)聯(lián)式CSS設(shè)定「超酷的網(wǎng)路」文字為粉紅色。

2、然後使用嵌入式CSS來設(shè)定文字為紅色。

3、最後又使用外部式設(shè)定文字為藍(lán)色（style.css檔案中設(shè)定）。

但最終你可以觀察到「超酷的網(wǎng)路」這個短字的文字被設(shè)定為了粉紅色。因為這三種樣式是有優(yōu)先權(quán)的，記得他們的優(yōu)先權(quán)：內(nèi)嵌式?>?嵌入式> 外部式

但是嵌入式 >外部式有一個前提：嵌入式css樣式的位置一定在外部式的後面。如右邊代碼編輯器就是這樣，<link href="style.css" ...>代碼在<style type="text/css">...</style>代碼的前面（實際開發(fā)中也是這麼寫的）。有興趣的朋友可以試一下，把它們調(diào)換順序，再看他們的優(yōu)先順序是否改變。

其實總結(jié)來說，就是--就近原則（離被設(shè)定元素越近優(yōu)先等級越高）。