CSS中的ID選擇器是一種基礎選擇器,它可以通過給HTML標簽添加一個ID屬性,然后在CSS文件中使用該ID來選擇對應的標簽并定義樣式。
#myId{ color: red; font-size: 18px; background-color: #eee; }
上面的代碼表示,選擇具有ID屬性為"myId"的元素,并將文字顏色設置為紅色,字體大小為18像素,背景顏色為淺灰色。
需要注意的是,ID選擇器對應的ID屬性在HTML文檔中應該是唯一的,否則可能會導致選擇器無法正常工作。
除了普通的樣式定義外,ID選擇器還可以與偽類選擇器配合使用,例如hover偽類,實現鼠標懸停時出現的效果:
#myId:hover{ color: blue; background-color: #ccc; }
上面的代碼表示,當鼠標懸停在具有ID屬性為"myId"的元素上時,將文字顏色設置為藍色,背景顏色為淺灰色。
總之,ID選擇器是非常常用的選擇器之一,可以使得我們在網頁開發過程中更加靈活、高效地定義樣式。
上一篇css中id錨點