111網頁前端設計工程師培訓班
CSS選擇器很多，基本可分為六種
class="page_title" .page_title { border-bottom: 1px solid black; text-align: right; color: black; margin-bottom: 20px; } ID選擇器
id="main" #main{ margin-top: 10px; display: flex; flex-wrap: nowrap; } 屬性選擇器 虛擬類別選擇器(:)
- 標籤選擇器
- 通用選擇器 *{ margin: 0; padding: 0; border: 0; outline: 0; vertical-align: baseline; background: transparent; font-size: 0.75rem; font-weight:normal; line-height:1.86em; word-spacing: 1px; letter-spacing: 1px; }
- Class選擇器
- ID選擇器
- 屬性選擇器
- 虛擬類別選擇器(:)
使用HTML標籤做為選擇器，可以將HTML文件裡所有相同的標籤套用同一種樣式
div{ font-size: 1rem;color:blue; }通用選擇器
使用「*」字元來選擇所有標籤
*{ font-size: 1rem;color:rgb(255, 0, 0); } Class選擇器class="page_title" .page_title { border-bottom: 1px solid black; text-align: right; color: black; margin-bottom: 20px; } ID選擇器
id="main" #main{ margin-top: 10px; display: flex; flex-wrap: nowrap; } 屬性選擇器 虛擬類別選擇器(:)