---
# System prepended metadata

title: 作業4 ModernWeb'21

---

# 作業4 ModernWeb'21
## 金魚都能懂的 CSS 選取器：金魚都能懂了你還怕學不會嗎
![](https://i.imgur.com/NObS0XF.png)


## 為什麼挑選這個演講
因為我個人覺得這個演講的題目看起來很有趣。還有，想要理解CSS選取器是什麼。

## 摘要演講的重點
在這個演講，演者說明CCS選取器是什麼，CCS選取器的重要性和多變又實用的CCS選取器內容。
### CSS選取器
* 視為一種條件
 * 特性：階層、串接
 * 利用HTML中可識別的字串（標籤、屬性）
 * 利用虛擬分類 (狀態、順序)


![](https://i.imgur.com/IuwRMY0.jpg)

![](https://i.imgur.com/5T6rky0.jpg)

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

## 撰寫聽講心得
因為之前上課時老師教我CSS的知識，所以透過這個演講我更了解了CSS選取器的具體內容。但現在我只會寫很簡單的CSS code，所以我個人覺得自己要更努力寫CSS code。


## 預計怎麼應用在未來的網站開發
如果用CSS選取器的話，可以減少多餘的class設定，ID設定和javascript的使用。
所以可以提升效率開發網站。