# 🍚 5/13(四) 每日任務 ### 第一題 請問以下的 HTML 裡面的 h1 是什麼顏色？ ``` HTML <h1 class="yellow blue">I am the king of the world</h1> ``` ```css= <!-- CSS --> h1{ color:pink; } .yellow{ color: blue; } .blue{ color: yellow; } ``` 解答：Yellow 程式碼由上至下運行，因此會以寫在後面的樣式為最後判定。 ### 第二題 請問以下的 HTML 裡面的 h1 是什麼顏色？ ``` HTML <h1 style="color:red;"class="yellow">I am the king of the world</h1> ``` ```css= <!-- CSS --> .yellow{ color: yellow; } ``` 解答：red inline-style(行內樣式)權重高於class ### 第三題 - 陷阱題目 請問以下的 HTML 裡面的 h1 是什麼顏色？ ``` HTML <div id="main"><h1 class="red">I am the king of the world</h1></div> ``` ```css= <!-- CSS --> #main{ color:blue; } .red{ color:red; } ``` 解答：red id權重高於class