CSS中的選擇器有多種,它們是用來匹配HTML文檔中的元素,然后為這些元素應用樣式。
/* 用于選擇HTML文檔中的所有元素 */ * { margin: 0; padding: 0; } /* 標簽名選擇器,匹配指定標簽的所有元素 */ p { font-size: 16px; } /* 類選擇器,匹配擁有指定類的所有元素 */ .className { color: red; } /* ID選擇器,匹配擁有指定ID的唯一元素 */ #elementId { background-color: blue; } /* 后代選擇器,匹配某個元素的后代元素 */ parentElement childElement { border: 1px solid black; } /* 兄弟選擇器,匹配某個元素之后的第一個同級元素 */ firstElement + secondElement { font-weight: bold; } /* 屬性選擇器,匹配帶有指定屬性的元素 */ [target="_blank"] { text-decoration: underline; }
在使用選擇器時,應根據需要選擇最恰當的選擇器,盡量不要過度使用或結合不必要的選擇器,以避免影響頁面性能。
上一篇簡述css3文本特效
下一篇簡述css對象的四種類型