Board logo

標題: CSS 選擇器 [打印本頁]

作者: 陳育霖    時間: 2023-6-28 23:49     標題: CSS 選擇器

本帖最後由 陳育霖 於 2023-6-28 23:51 編輯

A. 元素選擇器
使用HTML元素名稱作為選擇器。
例如:
  1. p { color: red; }
複製代碼
B. 類選擇器
使用class屬性的值作為選擇器。
例如:
  1. <p class="highlight">文本</p>
複製代碼
C. ID選擇器
使用id屬性的值作為選擇器。
例如:
  1. <p id="intro">文本</p>
複製代碼
D. 屬性選擇器
使用元素的屬性值作為選擇器。
例如:
  1. input[type="text"] { background-color: yellow; }
複製代碼
E. 群組選擇器
將多個選擇器組合在一起,使用逗號分隔。
例如:
  1. h1, h2, h3 { color: blue; }
複製代碼
F. 擴展選擇器(後代選擇器、子選擇器等)
使用空格表示後代選擇器,使用大於符號(>)表示子選擇器。
例如:
  1. div p { color: red; }
複製代碼
不同的選擇器具有不同的優先級,並且可以通過組合和層次結構來增加或減少優先級。




歡迎光臨 種子論壇 | 高雄市資訊培育協會學員討論區 (http://seed.istak.org.tw/) Powered by Discuz! 7.2