阿沁的跨領域筆記

初學CSS常常被覆蓋問題搞得一頭霧水，有時想要的效果無法顯示；而有時呈現的頁面卻跟當初寫CSS的預想不一樣quq!真煩人!

喔喔!後來上了六角學院的bootstrap課程(免費)才更為了解釋權重的作祟!

**權重大小的比較是:先看分數，再比該樣式在css檔案中的位置(後>前=>寫在後面的會覆蓋前面的)

ex:這是css file

.t1 h2{color:red;

}

.t2 h2 {color:blue;

}

/**雖然他們分數都是11分，但是.t2 h2寫在後面 因此會呈現藍色*/

權重筆記如下:(由小排到大)可加總

HTML tag:(例如 h1{}) 1分

class :(例如 .container{}) 10分

id :(例如 #artical1{} ) 100分

//老師提到前端不建議用id tag，因為它的功能在網頁中是當錨點用的，一個網頁同一個錨點只能一個，因此id 是獨一無二

element: (例如: style{color:red})1000分

important! :10000分