---
# System prepended metadata

title: 'CSS / 擬態選擇器2. - :active'
tags: [CSS-擬態選擇器]

---

# CSS / 擬態選擇器2. - :active   

- :active，應用在於當滑鼠點擊當下物件時，觸發所撰寫的 CSS 樣式

### :active 的應用:

- HTML:

```
<h1>測試用</h1>
```


- CSS:

```
h1:active {
    color: white;
    background: blue;
    font-size: 40px;
}
```

### H1 原本的樣式，黑色文字:


![](https://i.imgur.com/kNRnSlJ.png)


### 當點擊文字之後展開的樣式:

則會顯示成藍色背景、白色文字，由於不熟悉 mac 快速按鍵～無法拍出請見諒！

###### tags: `CSS-擬態選擇器`