相信各位有時候在練習寫css時,會發生明明已經寫了code了,邏輯感覺也沒問題,但效果就是跑不出來...本人就是苦主之一

當然效果跑不出來的原因有很多：有可能是根本沒吃到css,或是搞錯權重,甚至是打錯字

那今天把重點放到權重上(打錯字我也幫不了你啊）：

首先
1.
0分 - * 全站預設值
優點：全域屬性
缺點：分數太低,容易被蓋過去

＊{
 margin:0;
}

1分 - 元素
常見元素：

html, body, div, span, h1, h2, h3, h4, h5, h6,
p,ol, ul, li,a,img...

10分 - class

.class{
  color:red;
  }

（注意符號是一點）
4.
100分 - id

#id{
  color:red;
  }

（注意符號是井字鍵）
小建議：id權重很大，沒事不要亂用，不然會越包越大包
5.
1000分 - inline style attribute
就是把css寫在html標籤內

<h1 style="color:red">這是紅色</h1>

等一下！還沒完啊

打遊戲都有最終boss css權重也要有啊

10000分！！！
！important

.box{
    height: 300px;!important
}

也是沒事不要用

最後

相信有些人會不小心同一個標籤,使用兩次,結果顏色跟預期的不一樣
別擔心 電腦只會幫你抓最後一次設定的顏色（但還是建議把沒用的程式碼刪掉）

<h1 class="class">123</h1>
<style>
.class{
color:red;
}
.class{
color:blue;
}
</style>

上面程式碼會顯示藍色 不信可以自己玩玩看啊！
https://codepen.io/ytiimefp/pen/OJNaKpL