# DAY3 - 擬態選擇器，hover

### hover 寫法:

- 假設有一個 **anchor tag**:

    <a href="#">這是一個連結</a>


- 假設來講，我想讓我的滑鼠移動到「該連結」上時，產生動畫效果
這時候就在目標指定語法即可。

// hover 後產生的效果：

a:hover {
  color: red;
  font-size: 24px;
}

- 當游標移動到目標時，產生效果：

這就是，`:hover`，擬態選擇器之作法。


---

- 此做法適用「多數」標籤選擇器之使用。

目的：以客製化的方式，達成與 user 互動之效果。

###### tags: `Re:0 前端工程師之路 - HTML CSS 篇章`