---
# System prepended metadata

title: "\U0001F35A 5/13(四) 每日任務"

---

# 🍚 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

 