選擇器 (Selector)

似乎也稱為選取器，介紹幾個常用的選擇器

標籤選擇器

• type selector：又稱型態選取器，就是之前舉例時修改標籤的樣式

h1 {
    color: red;
}

擬態選擇器

• Pseudo-classes：常用在 <a> 連結，在做一些動作時會更改樣式
  • :hover：代表滑鼠滑過去時會變更樣式，以下例來說會變紅色
  • :active：代表滑鼠按下時會變更樣式，以下例來說會變綠色

a {
    color:blue;
}
a:hover{
    color: red;
}
a:active{
    color: green;
}

其他選擇器

後續會再介紹，先做個紀錄

• class selector：類別選擇器，參考 Day08
• id selector：ID 選擇器，參考 Day08
• descendant selector：後代選擇器，參考 Day11

隨機假文

• Lorem Ipsum：隨機假文，可以讓我們很快速驗證一下版面呈現的效果
  • 假文產生器
    • 中文：http://www.richyli.com/tool/loremipsum/wordcount.asp
    • 外語：https://www.lipsum.com/
    • 多國語：http://generator.lorem-ipsum.info/
  • VS Code：lorem + Enter，可隨機出現英文單字，如果加數字，如 lorem10 + Enter，可隨機出現 10 個英文單字

參考資料

• 階層式樣式表
• Day03::我所知道的 CSS選擇器

次回

繼續進行 CSS 的介紹