CSS中的選擇器是控制樣式的重要部分,它能夠選擇文檔中的元素并應用樣式。常用的基礎選擇器包括
1. 元素選擇器 2. ID選擇器 3. 類選擇器
1. 元素選擇器
元素選擇器就是選擇你想要設置樣式的HTML元素名稱,比如選擇所有的段落(p):
p { font-size: 16px; color: #333; }
這個樣式會應用到頁面中的所有
元素。
2. ID選擇器
在HTML文檔中,ID屬性是唯一的,它只能被分配給一個標簽。在CSS中,ID選擇器以#開頭,后面跟著ID值。比如選擇ID為my-id的元素:
#my-id { font-size: 20px; color: red; }
這個樣式只會應用到ID為my-id的元素。
3. 類選擇器
類選擇器用于選擇具有相同類名的元素,類名前面加上一個點(.)表示,比如選擇所有類名為my-class的元素:
.my-class { font-size: 18px; color: blue; }
這個樣式會應用到頁面中所有類名為my-class的元素。
以上三種基礎選擇器是CSS中最常用的選擇器,它們可以組合成更復雜的選擇器來選擇更精確的元素。選擇器是CSS樣式表設計的基礎,學會使用選擇器能夠使CSS樣式表更加靈活和高效。