偶爾寫CSS時會發現改了顏色、寬高但沒有任何效果,就有可能是優先級搞出的問題唷。
所以搞清楚CSS是如何套用按權重套用樣式也是很重要的~
把CSS寫在元素內,Like:
<div style="background-color: pink;">
行內樣式
</div>
元素插入 style ="" 就可以對元素設定CSS,權重也是三者裏最高的~
通常撰寫於header內,Like:
<head>
<style>
nav {
width:100px;
height:100px;
background-color:pink;
}
<style>
</head>
在這裡可以設定此頁面元素的CSS,權重視三者里的中間位。
使用外部的CSS樣式檔案,Like:
<link rel="stylesheet" href="css/style.css">
權重輸以上兩者。
若兩個外部載入的檔案都有設定同一個元素的屬性,則會套用排序最後的外部CSS檔案。
ID > CLASS > 元素