css元素选择器有哪些

css元素选择器有哪些

CSS元素选择器主要包括以下几种：
类型选择器（Type Selector）：
说明：选择HTML文档中的特定类型的元素。示例：p { color: blue; }，该选择器会选择所有的<p>元素，并将其文字颜色设置为蓝色。类选择器（Class Selector）：
说明：选择具有特定类属性的HTML元素。类选择器使用点号（.）作为前缀，后跟类名。示例：.example { font-size: 16px; }，该选择器会选择所有具有class="example"属性的元素，并将其字体大小设置为16像素。ID选择器（ID Selector）：
说明：选择具有特定ID属性的HTML元素。ID选择器使用井号（#）作为前缀，后跟ID名。ID在文档中应该是唯一的。示例：#header { background-color: yellow; }，该选择器会选择ID为header的元素，并将其背景颜色设置为黄色。通配符选择器（Universal Selector）：
说明：选择HTML文档中的所有元素。通配符选择器使用星号（*）表示。示例：* { margin: 0; padding: 0; }，该选择器会选择所有元素，并将其外边距和内边距设置为0。属性选择器（Attribute Selector）：
说明：选择具有特定属性的HTML元素。属性选择器使用方括号（[]）表示，并可以在其中指定属性名和可选的属性值。示例：a[href] { color: red; }，该选择器会选择所有具有href属性的<a>元素，并将其文字颜色设置为红色。后代选择器（Descendant Selector）：
说明：选择作为某个元素后代的所有指定元素。后代选择器使用空格分隔祖先元素和后代元素的选择器。示例：div p { color: green; }，该选择器会选择所有位于<div>元素内部的<p>元素，并将其文字颜色设置为绿色。这些选择器可以单独使用，也可以组合使用，以创建更复杂的选择规则，从而更精确地控制HTML文档中元素的样式。
2025-04-03