CSS選擇器是在HTML文檔中查找對應元素的一種方法。通過選擇器,我們可以精確地控制所選元素的樣式。
CSS選擇器主要分為以下幾類:
1. 元素選擇器 例如: p { color:red; } 2. 類選擇器 例如: .intro { font-size: 16px; } 3. ID選擇器 例如: #main { background-color: #eee; } 4. 屬性選擇器 例如: input[type="text"] { border:1px solid #ccc; } 5. 偽類選擇器 例如: a:hover { color: blue; } 6. 后代選擇器 例如: div p { margin: 10px; } 7. 相鄰兄弟選擇器 例如: h1 + p { color: green; } 8. 通用選擇器 例如: * { padding: 10px; }
選擇器的優先級是由以下的規則決定:
1. !important聲明的樣式具有最高優先級 2. 行內樣式具有比ID選擇器更高的優先級 3. ID選擇器比屬性選擇器和類選擇器優先級更高 4. 后定義的樣式具有更高的優先級 5. 通用選擇器、元素選擇器和偽類選擇器優先級最低
掌握CSS選擇器,可以讓我們更好地控制網頁的樣式。選擇器的使用和理解,是CSS學習中不可或缺的一部分。