CSS(層疊樣式表)是一門用于描述文檔樣式的語言。在網頁設計中,CSS是必不可少的一部分。在CSS中,選擇器(Selector)是指選擇要應用樣式的HTML標簽。
常用的CSS選擇器有以下幾種:
1. 元素選擇器:選擇所有指定元素。例如p選擇器,將影響所有段落。 p { color: red; } 2. ID選擇器:選擇帶有指定ID的元素。ID選擇器使用#開頭。 #my-id { font-size: 20px; } 3. 類選擇器:選擇指定類名的元素。類選擇器使用.開頭。 .my-class { background-color: yellow; } 4. 后代選擇器:選擇指定元素下的后代元素(即兒子孫子元素)。 div p { font-weight: bold; } 5. 子選擇器:選擇指定元素下的子元素。 ul >li { list-style: none; }
這些選擇器在選擇元素時具有不同的優先級,優先級從高到低分別為:
1. !important聲明 2. 行內樣式(style屬性) 3. ID選擇器 4. 類選擇器、屬性選擇器、偽類選擇器 5. 元素選擇器、偽元素選擇器 6. 通配符選擇器 7. 繼承樣式
使用CSS時,我們需要根據具體需求選擇合適的選擇器,并合理設置樣式優先級,以達到最終的頁面效果。
下一篇css常見的元素