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

1、使用內(nèi)聯(lián)式CSS設(shè)置“超酷的互聯(lián)網(wǎng)”文字為粉色。

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

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

但最終你可以觀察到“超酷的互聯(lián)網(wǎng)”這個短詞的文本被設(shè)置為了粉色。因?yàn)檫@三種樣式是有優(yōu)先級的，記住他們的優(yōu)先級：內(nèi)聯(lián)式 > 嵌入式 > 外部式

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

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

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