CSS是前端開發(fā)中不可或缺的一門技術(shù)。其中選擇符是CSS的重要組成部分。選擇符用來選擇需要樣式化的HTML元素。
1. 元素選擇符(Element Selector) 用來選中HTML中的元素,例如p、div等標(biāo)簽。 示例: p { font-size: 16px; } 2. 類選擇符(Class Selector) 用來選中HTML中使用了特定class的元素。 示例:.red { color: red; } 3. ID選擇符(ID Selector) 用來選中HTML中使用了特定ID的元素。 示例:#header { background-color: grey; } 4. 后代選擇符(Descendant Selector) 用來選中某個(gè)元素內(nèi)嵌的元素。 示例:div p { font-size: 14px; } 5. 相鄰兄弟選擇符(Adjacent Sibling Selector) 用來選中某個(gè)元素的下一個(gè)兄弟元素。 示例:h2 + p { font-size: 16px; } 6. 通用選擇符(Universal Selector) 用來選中所有的HTML元素。 示例:* { margin: 0; padding: 0; } 7. 屬性選擇符(Attribute Selector) 用來選中含有某個(gè)屬性的HTML元素。 示例:input[type="text"] { border: 1px solid grey; }
以上是CSS中常見的選擇符類型,合理使用選擇符,能夠讓頁面樣式更加清晰、整潔。