# 🏅 Day 3 - CSS 選擇器運用

### 類別選擇器
在 HTML 標籤命名 class（一個 HTML 標籤可以有多個 class），
並在 CSS 中運用 `.` 來設定樣式。像是：

<p class="text">類別選擇器</p>

.text {
    color: #ffffff;
}

### 擬態選擇器
- **:hover** : 滑鼠滑過時的樣式
- **:active** : 滑鼠按下的樣式
- **:focus** : 聚焦時的樣式

通常運用在連結、按鈕、表單輸入，可以增加使用者體驗

### 題目
請運用類別選擇器，將下方標籤呈現出如圖中的樣式，

並嘗試自行運用 hover、active、focus 來改變樣式。

<a href="#" class=""> CSS 選擇器運用 </a>

## 回報流程

將答案寫在 CodePen 並複製 CodePen 連結貼至底下回報就算完成了喔!
解答位置請參考下圖（需打開程式碼的部分觀看）


<!-- 解答：https://codepen.io/hexschool/pen/yLvrmGz -->

回報區
---

| # | Discord | CodePen / 答案 |
|:---:|:---------------:|:-------------------------------------------------------------------------:|
| 1 | Jainee | [Codepen](https://codepen.io/Jainee0110/pen/gOJBvPw) |
| 2 | OSN | [Codepen](https://codepen.io/osncodepen/pen/xxNyBEO) |
| 3 | han | [Codepen](https://codepen.io/iamHanCheng/pen/jOoxdaO) |
| 4 | wei | [Codepen](https://codepen.io/Wei-the-sasster/pen/gOJQrzm) |
| 5 | Jim | [Codepen](https://codepen.io/JimChou/pen/dyEQdLM) |
| 6 | 咖 | [Codepen](https://codepen.io/daru-Ga/pen/WNBLNqB) |
| 6 | jimmy.0706 | [Codepen](https://codepen.io/JimmyMao/pen/vYwvEEj) |
| 7 | arvinyang1925 | [Codepen](https://codepen.io/arvinyang1925/pen/ExzGPMQ) |
| 8 | OZ | [Codepen](https://codepen.io/OZ_design/pen/qBGLmEJ) |
| 9 | Ivy | [Codepen](https://codepen.io/Irene-Ke/pen/wvbRyLq?editors=1100) |
| 9 | Po Wei | [Codepen](https://codepen.io/Po-Wei-Lai/pen/YzbdvBX) |
| 10 | Amy(咂摳) | [Codepen](https://codepen.io/nnxucgmc-the-builder/pen/yLWGxQa) |
| 11 | Jackeatapple | [Codepen](https://codepen.io/kxbhixte-the-sasster/pen/wvbRReZ) |
| 12 | tung | [Codepen](https://codepen.io/ru-ching/pen/jOoXoPM) |
| 13 | 萴 | [Codepen](https://codepen.io/SZL741023/pen/rNgPBpv) |
| 14 | VVN | [Codepen](https://codepen.io/fbnpemqq-the-vuer/pen/GRazZJa) |
| 15 | hao jing | [Codepen](https://codepen.io/hjxu/pen/rNgRQro?editors=1100) |
| 16 | Noelle | [Codepen](https://codepen.io/NoelleKH/pen/dyELJVO) |
| 17 | Sammy | [Codepen](https://codepen.io/fsczdlla-the-bold/pen/mdYgpBM) |
| 18 | 毛巾 | [Codepen](https://codepen.io/bqdcjboa-the-solid/pen/WNBWdqm) |
| 19 | hsiu8767 | [Codepen](https://codepen.io/hsiu8767/pen/YzazJBR) |
| 20 | fan_fan | [Codepen](https://codepen.io/fan1102/pen/eYaoVWd) |
| 21 | NocabWang(培根) | [Codepen](https://codepen.io/PeihanWang/pen/VwONQKQ) |
| 22 | ya_meow | [Codepen](https://codepen.io/gkfxzvcb-the-bashful/pen/jOoRZaP) |
| 23 | kawa | [Codepen](https://codepen.io/z83xji6/pen/oNROqYV) |
| 24 | lunlun0514 | [Codepen](https://codepen.io/f5badapple/pen/oNROqwO) |
| 25 | GAVI | [Codepen](https://codepen.io/qbafldcv-the-scripter/pen/wvbZmNd) |
| 26 | wind | [Codepen](https://codepen.io/wind7y/pen/bGyJvOR) |
| 27 | n913239 | [Codepen](https://codepen.io/n913239/pen/zYQXWee) |
| 28 | Chloe_墨 | [Codepen](https://codepen.io/ChloeTseng1026/pen/vYwMRdY) |
| 29 | david1819 | [Codepen](https://codepen.io/David-Lin-the-vuer/pen/PovgemJ) |
| 30 | wan_ju | [Codepen](https://codepen.io/Laura21/pen/QWRPrvB) |
| 31 | 爆漿 | [Codepen](https://codepen.io/dhpsxzwh-the-decoder/pen/MWdRGRg) |
| 32 | macihuang | [Codepen](https://codepen.io/macy1215/pen/zYMjamW) |
| 33 | 皮皮 | [Codepen](https://codepen.io/rainbow-the-reactor/pen/qBGwKdm) |
| 34 | 泊岸 | [Codepen](https://codepen.io/qoq77416416/pen/NWVmzJq) |
| 35 | Ariel | [Codepen](https://codepen.io/ariel0510/pen/JjqVZQZ) |
| 36 | N7 | [Codepen](https://codepen.io/neohyntw/pen/XWwQBRq) |
| 37 | Kaya | [Codepen](https://codepen.io/kayaribi/pen/XWwQBEP) |
| 38 | 兔子 | [Codepen](https://codepen.io/ttppoo12144/pen/ExzJexz) |
| 39 | anderson666 | [Codepen](https://codepen.io/goodmanbuild/pen/YzbMOyq) |
| 40 | KUN. | [Codepen](https://codepen.io/barry91205/pen/LYovJeZ) |
| 41 | Kim | [Codepen](https://codepen.io/kim0101__/pen/mdYgxLe?editors=1100) |
| 42 | icesea25 | [Codepen](https://codepen.io/icesea25/pen/VwONVvg) |
| 43 | Sonia | [Codepen](https://codepen.io/YUJOU/pen/NWVmyWJ?editors=1100) |
| 44 | 超立方體Andy | [Codepen](https://codepen.io/Andy-Yu-the-scripter/pen/rNgbgMe) |
| 45 | 深海 | [Codepen](https://codepen.io/KAI-SHIN-the-animator/pen/mdYgYRj) |
| 46 | DoryH | [Codepen](https://codepen.io/dorihung/pen/RwzNqdj) |
| 47 | Mike | [Codepen](https://codepen.io/mike2049/pen/ZENZNgK?editors=1100) |
| 48 | Angela_la | [Codepen](https://codepen.io/Angela-the-builder/pen/xxNevKN?editors=1100) |
| 49 | lianne._. | [Codepen](https://codepen.io/Elaina-L/pen/XWwQLvo) |
| 50 | brucelee0629 | [Codepen](https://codepen.io/xxhdklwi-the-decoder/pen/GRaLVaQ) |
| 51 | CrystalLala | [Codepen](https://codepen.io/crystallala/pen/yLWEYQp) |
| 52 | gracechiang225 | [codepen](https://codepen.io/gracechiang225/pen/JjqVgQR) |
| 53 | Yolanda | [codepen](https://codepen.io/vcscqrtz-the-animator/pen/RwmmbWQ) |
| 54 | 嚼勁 | [Codepen](https://codepen.io/James520284/pen/vYwwBJr) |
| 55 | 蘑菇星星 | [Codepen](https://codepen.io/brrrieon-the-vuer/pen/gOJJYdE) |
| 56 | ray | [Codepen](https://codepen.io/rayychenn/pen/abrrboq) |
| 57 | skyderry | [Codepen](https://codepen.io/hvvjvkva-the-sasster/pen/dyEEPPP) |
| 58 | chuang | [Codepen](https://codepen.io/uidoytjq-the-solid/pen/RwmmwqP?editors=1100) |
| 59 | Anna | [Codepen](https://codepen.io/Anna-Teng/pen/xxNNwRJ) |
| 60 | Darius_TszYing | [Codepen](https://codepen.io/bekgnohe-the-selector/pen/LYooNJQ) |
| 61 | zaoannihao | [Codepen](https://codepen.io/ckhwdvrx-the-solid/pen/yLWWJab?editors=1100) |
| 62 | MY | [Codepen](https://codepen.io/ahmomoz/pen/gOJJmbw) |
| 63 | Ana | [Codepen](https://codepen.io/Ana-Wu/pen/JjqqWdQ) |
| 64 | emmayo | [Codepen](https://codepen.io/emmayo/pen/oNRRZEx) |
| 65 | neoyo | [Codepen](https://codepen.io/Neo-oo/pen/Rwmmpqg) |
| 66 | xcx100 | [Codepen](https://codepen.io/c13026/pen/NWVVpmL) |
| 67 | zxlee | [Codepen](https://codepen.io/zxlee/pen/oNRRZaz) |
| 68 | KevinHuang | [Codepen](https://codepen.io/qw-huang/pen/abrrwJG) |
| 69 | jerry_66983 | [Codepen](https://codepen.io/Barry-C/pen/JjqqprN?editors=1100) |
| 70 | Annis | [Codepen](https://codepen.io/Annis-shen/pen/RwmmQLy?editors=1100) |
| 71 | smallr1229 | [Codepen](https://codepen.io/Smallr/pen/vYwwdjr) |
| 72 | jeffjoe486 | [Codepen](https://codepen.io/Jeff-K-the-selector/pen/WNBBzMo) |
| 73 | 星雨 | [Codepen](https://codepen.io/ybxyuhcv-the-solid/pen/ExzzLxG) |
| 74 | anson-tsai | [Codepen](https://codepen.io/vuogajlx-the-vuer/pen/jOojBGZ?editors=1100) |
| 75 | Hailey | [Codepen](https://codepen.io/sxbokfja-the-flexboxer/pen/xxNorWj) |
| 76 | Lobinda | [Codepen](https://codepen.io/Lobinda/pen/oNRrZZv) |
| 77 | yamaki0601 | [Codepen](https://codepen.io/yamaki8061/pen/oNRrdbR) |
| 78 | 小咪 | [Codepen](https://codepen.io/iloveu3000x/pen/GRabdam) |
| 79 | 黑嚕嚕 | [Codepen](https://codepen.io/wzokvjha-the-vuer/pen/MWdMXGW) |
| 80 | 地瓜 | [Codepen](https://codepen.io/huangtzuchin/pen/bGyPKXy) |
| 81 | Glen_69515 | [Codepen](https://codepen.io/glenyaochih/pen/jOojpKM) |
| 83 | BonBonC | [Codepen](https://codepen.io/abon-chen/pen/qBGzLvE) |
| 84 | 陳小廷 | [Codepen](https://codepen.io/ting1124/pen/KKLjbGR) |
| 85 | 邵 | [Codepen](https://codepen.io/ukscrlno-the-typescripter/pen/PovrVzE) |
| 86 | Tippy | [Codepen](https://codepen.io/Ektodor-Wang/pen/pomXGLX) |
| 87 | ninii傳教士 | [Codepen](https://codepen.io/niiniiii/pen/MWdMdex) |
| 88 | yoishere | [Codepen](https://codepen.io/zrdiegwx-the-selector/pen/LYoKwew) |
| 89 | Enn | [Codepen](https://codepen.io/enntang/pen/JjqgPKY) |
| 89 | EdHuang | [Codepen](https://codepen.io/yide1986/pen/BaeXBGq) |
| 90 | EmmaMa | [Codepen](https://codepen.io/Emma0919/pen/yLWmezv) |
| 91 | 柯柯 | [Codepen](https://codepen.io/ko13/pen/yLWmJJY) |
| 92 | iamcan | [Codepen](https://codepen.io/uhnxswdq-the-typescripter/pen/pomMNvO) |
| 93 | Kiwi | [Codepen](https://codepen.io/kiwi1113/pen/WNBVGVM) |
| 94 | Kerwin | [Codepen](https://codepen.io/kerwin/pen/zYQgNww) |
| 95 | fendy1223 | [Codepen](https://codepen.io/fendy1223/pen/bGyXKRM) |
| 96 | hoyiiiii | [Codepen](https://codepen.io/hoyii/pen/VwOodEb) |
| 97 | Chewsday | [Codepen](https://codepen.io/Chewsday/pen/rNgXRvj) |
| 98 | Joanne hu | [Codepen](https://codepen.io/nelbabkv-the-flexboxer/pen/yLWmPBL) |
| 99 | 安安兒 | [Codepen](https://codepen.io/joanne-wei/pen/BaeXgZb) |
| 100 | Tony名彤 | [Codepen](https://codepen.io/Ming-Tung-Chien/full/abgoOGz) |
| 101 | Enzo | [Codepen](https://codepen.io/JasonHo_HYC/pen/dyBbYXV) |
| 102 | Ollie | [Codepen](https://codepen.io/daiyy97/pen/GRbKppd) |
| 103 | ㄚ華 | [Codepen](https://codepen.io/rzzuehiv-the-vuer/pen/eYwOegp?editors=1100) |
| 104 | Charlotte Wong | [Codepen](https://codepen.io/Charlotte-Wang/pen/JjQPpQX) |
| 105 | Jia | [Codepen](https://codepen.io/Jianna9527/pen/QWXLmOX) |
| 106 | Yunya | [Codepen](https://codepen.io/cookie1515/pen/KKjPoxw) |
| 107 | Steven1220 | [Codepen](https://codepen.io/Steven1220/pen/wvbVxoO) |
| 108 | Show21 | [Codepen](https://codepen.io/t10026706/pen/BagBMwd) |
| 109 | shine_lalala | [Codepen](https://codepen.io/cdjpjets-the-solid/pen/vYqBPyW) |
| 110 | Evelyn | [Codepen](https://codepen.io/wvqofopk-the-builder/pen/wvLwLyN) |
| 111 | .sytiny | [Codepen](https://codepen.io/emma6542/pen/qBGejRV) |
| 112 | 喵喵 | [Codepen](https://codepen.io/snow1224/pen/KKjKwRW) |
| 113 | LKP | [Codepen](https://codepen.io/qtghjujs-the-sasster/pen/GRbRQbE) |
| 114 | eddiesun0526 | [Codepen](https://codepen.io/Eddie0526/pen/KKjKxgd) |
| 115 | Kit | [Codepen](https://codepen.io/bidxaxgj-the-lessful/pen/dyByaEG) |
| 116 | phoebeee427 | [Codepen](https://codepen.io/zvndazxy-the-vuer/pen/jOjOgxq) |
| 117 | Matt BB | [Codepen](https://codepen.io/mm3248965/pen/NWZPROG) |
| 118 | 610 | [CodePen](https://codepen.io/YI-LING-LIU/pen/YzoPVQK) |
| 119 | maosin | [CodePen](https://codepen.io/xzdmyfsx-the-vuer/pen/KKjwOaP) |
| 120 | xiang5141 | [CodePen](https://codepen.io/XIANG-XIANG/pen/zYVGGLJ) |
| 121 | robinhuang0855 | [CodePen](https://codepen.io/Robin-Huang-the-typescripter/pen/rNggWBa) |
| 122 | zen | [CodePen](https://codepen.io/zen742937/pen/ZEdGjym) |
| 123 | chris | [CodePen](https://codepen.io/chrischen666/pen/oNrXQGX?editors=1100) |
| 124 | atien0816 | [CodePen](https://codepen.io/Ben-Atien/pen/JjQdqYp) |
| 125 | 小翎 | [CodePen](https://codepen.io/debbielin/pen/bGPdPxL?editors=1100)|
| 126 | Judy | [CodePen](https://codepen.io/yangchi/pen/bGPVdzw)|
| 127 | 白夜 | [CodePen](https://codepen.io/Wei903/pen/BagorrZ)|
| 128 | zobody | [CodePen](https://codepen.io/Zoe-Shih/pen/PorPBJb)|
| 129 | yaoling.liang | [CodePen](https://codepen.io/Yao-Ling-L-/pen/MWMazdZ)|
| 130 | 魚肉 | [CodePen](https://codepen.io/qnbegtco-the-looper/pen/YzowgMX?editors=1100)
| 131 | 馬克 | [CodePen](https://codepen.io/qnbegtco-the-looper/pen/YzowgMX?editors=1100)
| 132 | Shou lun_守倫 | [CodePen](https://codepen.io/SHIHSHOULUN/pen/NWZRPxb)
| 133 | cc_134 | [CodePen](https://codepen.io/YI-Hui-Chen-the-flexboxer/pen/mdZOmyE)
| 133 | rita | [CodePen](https://codepen.io/k99364/pen/VwJmWgB)
| 134 | Antonio | [CodePen](https://codepen.io/gwhvusel-the-builder/pen/oNrBWqX)
| 135 | 野鴿 | [CodePen](https://codepen.io/HoshinoSyouta/pen/JjQWWQB)
| 136 | ㄑㄧㄢ | [CodePen](https://codepen.io/CHIEN-YU-Lin/pen/MWMmgwm)
| 137 | 小光 | [CodePen](https://codepen.io/nwqetvuj/pen/NWZjbRN)
| 138 | Toung | [CodePen](https://codepen.io/Toung/pen/eYwWWVV)
| 139 | Lynee | [CodePen](https://codepen.io/ntibaiss-the-solid/pen/RwzZery?editors=1100)
| 140 | Haru | [CodePen](https://codepen.io/yology/pen/PorOzbr)
| 141 | ji3di | [CodePen](https://codepen.io/jwuuhtxh-the-builder/pen/jOjzQzo)
| 142 | Lotte | [CodePen](https://codepen.io/hmkdoxuj-the-decoder/pen/zYVbdvz?editors=1100)
| 143 | xiaoban6033 | [CodePen](https://codepen.io/NatashaLin/pen/zYVbEMV?editors=1100)
| 144 | KOMATSU PEI | [CodePen](https://codepen.io/Komatsu2021/pen/MWMxOwd)