css3选择器有哪些类型

css3选择器有哪些类型

CSS3选择器类型主要包括以下几种：
标签选择器：
直接使用HTML标签名称来选择元素，如body、div、p、ul、li等。例如：p { color: blue; } 会将所有<p>标签内的文字颜色设置为蓝色。类选择器：
使用HTML元素的class属性来选择元素，类名前加点号（.）。例如：.myClass { font-size: 16px; } 会将所有class="myClass"的元素字体大小设置为16像素。ID选择器：
使用HTML元素的id属性来选择元素，ID名前加井号（#）。例如：#myId { background-color: yellow; } 会将id="myId"的元素的背景颜色设置为黄色。全局选择器：
使用星号（*）来选择所有元素。例如：* { margin: 0; padding: 0; } 会将所有元素的边距和内边距设置为0。组合选择器：
通过多个选择器组合来选择元素，可以是后代选择器、子选择器、相邻兄弟选择器、通用兄弟选择器等。例如：div p 是后代选择器，会选择所有<div>内的<p>元素。继承选择器（通常指后代选择器）：
如上所述，div p 表示选择<div>元素内的所有<p>元素，这是一种基于层级关系的选择器。伪类选择器：
用于选择元素的特定状态，如链接的不同状态（link、visited、active、hover）。例如：a:hover { color: red; } 会将鼠标悬停在链接上时，链接的颜色变为红色。字符串匹配的属性选择符：
使用属性名称和特定的字符串匹配模式来选择元素，包括^（开始匹配）、$（结尾匹配）、*（包含匹配）。例如：[title^="example"] 会选择所有title属性以"example"开头的元素。这些选择器类型可以单独使用，也可以组合使用，以创建更复杂和具体的选择规则。
2025-04-03