# 🗞 新光眼科 權重命題

## 權重

HTML 標籤 1分
CSS 類別選擇器 10分
id 選擇器 100分 (盡量不要用ID的寫法來寫樣式，ID多用於錨點)
element 1000分
!important 10000分

### 第一題
請問以下的 HTML 裡面的文字是什麼顏色？

<h1 class="secondary primary">標題</h1>

<!--  CSS -->
h1{
 color:blue;
}
.primary{
 color: blue;
}
.secondary{
 color: gray;
}

<b>Ans: gray. 因為class中的順序不重要，css檔案中的 secondary 會覆蓋 primary 的樣式</b>

### 第二題
請問以下的 HTML 裡面的文字是什麼顏色？

<h1 id="title" class="primary secondary">標題</h1>

<!--  CSS -->
#title{
 color: orange;
}
.primary{
 color: blue;
}
.secondary{
 color: gray;
}

<b>Ans: orange. 因為id>class，故以id為主</b>
### 第三題
請問以下的 HTML 裡面的文字是什麼顏色？

<h1 id="title" class="primary secondary" style="color:yellow">標題</h1>

<!--  CSS -->
.primary{
 color: blue;
}
.secondary{
 color: gray;
}

<b>Ans: yellow. 因為 inline style > id > class，故以inline style 為主</b>