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

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

### :active 的應用:

- HTML:

<h1>測試用</h1>

- CSS:

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

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


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

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

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