---
# System prepended metadata

title: CSS 12. CSS Styling Rules重點整理
tags: [2022 網頁開發全攻略教程 / CSS篇章]

---

# CSS 12. CSS Styling Rules重點整理

### CSS Rules

- CSS 的規則，在開發上可以遵循以下的筆記，未來在開發上或是 debug 都可以更方便找到解:

1. Cascade - 階層式: 
   通常狀況下，該 **Selector** 會被最新的 CSS Code 所套用的屬性。
   

2. Specificity - 特定度:

   id - 1 , 0 , 0
   class - 0 , 1 , 0
   tags - 0 , 0 , 1
   inline style - overpower XDD
   
3. Inheritance - 繼承關係:

   3-1. from parents - 例如 body ...  
   3-2. by defult - 瀏覽器自動賦予給該標籤的屬性
   
   
### 建議背起來：
```
// CSS 等級優先權(權重)
inline styling > id > class > element selector > inheritance
```

###### tags: `2022 網頁開發全攻略教程 / CSS篇章`