选择器类型 例子 描述元素选择器 p 选取所有p元素类选择器 red 选取所有class属性为red的元素ID选择器 #header 选取id属性为header的元素后代选择器 div p 选取所有div内部的p元素相邻兄弟选择器 h1 + p 选取紧接在h1元素后面的p元素通用选择器 选取所有元素属性选择器 href=examplecom 选取href属性为examplecom的元素用mark

| 选择器类型 | 例子 | 描述 | | --- | --- | --- | | 元素选择器 | p | 选取所有 <p> 元素 | | 类选择器 | .red | 选取所有 class 属性为 red 的元素 | | ID选择器 | #header | 选取 id 属性为 header 的元素 | | 后代选择器 | div p | 选取所有 <div> 内部的 <p> 元素 | | 相邻兄弟选择器 | h1 + p | 选取紧接在 <h1> 元素后面的 <p> 元素 | | 通用选择器 | * | 选取所有元素 | | 属性选择器 | [href="example.com"] | 选取 href 属性为 example.com 的元素 |