html标签选择器示例

HTML标签选择器用于CSS（层叠样式表）中，用于指定要应用样式的HTML元素。以下是一些常见的选择器示例：

1. **元素选择器**: 直接匹配标签名，如`:element`，例如`.class` 匹配所有class属性值为"class"的元素，`#id` 匹配ID为"id"的唯一元素。

p { color: blue; } /* 所有段落(p)字体颜色设为蓝色 */

2. **类选择器**: 通过`.`前缀表示类名，例如 `.myClass` 会选中class为 "myClass" 的元素。

.myClass {
  font-weight: bold;
}

3. **ID选择器**: 通过 `#` 前缀表示元素的ID，如 `#uniqueId` 只会选中 ID为 "uniqueId" 的那一个元素。

#header {
  background-color: #f00;
}

4. **后代选择器**: 使用空格 ` ` 来选择元素内的其他元素，如 `div p` 会选择所有位于`<div>`下的`<p>`元素。

5. **相邻兄弟选择器**: `+` 表示紧跟其后的兄弟元素，如 `p + p` 会选择紧挨着每个段落后面的段落。

6. **通用兄弟选择器**: `~` 表示任意数量的同辈元素，如 `div ~ div` 会选择紧跟在某个`<div>`之后的所有`<div>`。

7. **伪类选择器**: 如`:hover`, 当鼠标悬停时，`a:hover` 会使链接在鼠标指针上显示下划线。

a:hover {
  text-decoration: underline;
}