有的小夥伴問了，如果有一種情況：對於同乙個元素我們同時用了三種方法設定css樣式，那麼哪種方法真正有效呢？在下面**中就出現了這種情況
1、使用內聯式css設定「超酷的網際網路」文字為粉色。
2、然後使用嵌入式css來設定文字為紅色。
3、最後又使用外部式設定文字為藍色（style.css檔案中設定）。
但最終你可以觀察到「超酷的網際網路」這個短詞的文字被設定為了粉色。因為這三種樣式是有優先順序的，記住他們的優先順序：內聯式 > 嵌入式 > 外部式
但是嵌入式》外部式有乙個前提：嵌入式css樣式的位置一定在外部式的後面。如右**編輯器就是這樣，**在**的前面（實際開發中也是這麼寫的）。
感興趣的小夥伴可以試一下，把它們調換順序，再看他們的優先順序是否變化。
其實總結來說，就是--就近原則（離被設定元素越近優先級別越高）。
但注意上面所總結的優先順序是有乙個前提：內聯式、嵌入式、外部式樣式表中css樣式是在的相同權值的情況下，什麼是權值呢？在後面會講解到。
示例:style.css
>嵌入式css樣式
title
>
<
link
href
="style.css"
rel="stylesheet"
type
="text/css"
>
<
style
type
="text/css"
>
span
style
>
head
>
<
body
>
<
p>xx網，<
span
style
="color:pink"
>超酷的網際網路
span
>、it技術免費學習平台，創新的網路一站式學習、實踐體驗；服務及時貼心，內容專業、有趣易學。專注服務網際網路工程師快速成為技術高手！
p>
body
>
html
>
CSS三種機制及優先順序問題
為了解決衝突，css利用三種機制來達到目的 繼承 層疊和特指。1.繼承 css中很多可以繼承的屬性都和文字有關係，比如說字型啊，顏色啊，字型大小這些，不能繼承的也有一些，比如說盒子模型裡面外邊距 margin 內邊距 padding 邊框 border 等。對於能夠繼承的屬性，比如說字型大小大小，我...
css的三種引入方式及優先順序
第一 css的三種引入方式 1.行內樣式 最直接最簡單的一種，直接對html標籤使用style 例如 缺點 html頁面不純淨，檔案體積大，不利於蜘蛛爬行，後期維護不方便。2.內嵌樣式 內嵌樣式就是將css 寫在之間，並且用進行宣告，例如 優缺點 頁面使用公共css 也是每個頁面都要定義的，如果乙個...
CSS的三種樣式表和優先順序
1 外部樣式表 當樣式需要應用於很多頁面時，外部樣式表將是理想的選擇。在使用外部樣式表的情況下，你可以通過改變乙個檔案來改變整個站點的外觀。每個頁面使用 標籤鏈結到樣式表。css1.1樣式表 h1 2 內部樣式表 當單個文件需要特殊的樣式時，就應該使用內部樣式表。你可以使用我是乙個div 3 內聯樣...