標題: 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