CSS(层叠样式表)中有许多常见的选择器,它们用于选择要应用样式的HTML元素。以下是一些常见的CSS选择器:
1. 元素选择器(Element Selector)
选择所有指定类型的HTML元素。
p {/* 样式规则 */
}
2. 类选择器(Class Selector)
选择具有指定类的HTML元素。
.example {/* 样式规则 */
}
3. ID选择器(ID Selector)
选择具有指定ID的HTML元素。
#uniqueID {/* 样式规则 */
}
4. 并集选择器(Universal Selector)
选择所有HTML元素。
* {/* 样式规则 */
}
5. 属性选择器(Attribute Selector)
选择具有指定属性的HTML元素。
input[type="text"] {/* 样式规则 */
}
6. 子元素选择器(Child Selector)
选择某个元素的所有直接子元素。
parent > child {/* 样式规则 */
}
7. 伪类选择器(Pseudo-class Selector)
选择元素的特定状态,如hover(悬停)、active(激活)等。
a:hover {/* 样式规则 */
}
8. 伪元素选择器(Pseudo-element Selector)
选择元素的特定部分,如before(元素之前)、after(元素之后)等。
p::first-line {/* 样式规则 */
}