css name选择器的写法
时间: 2024-09-14 16:09:35 浏览: 61
CSS选择器种类、优先级与匹配原理详解
CSS名称选择器用于选取文档中具有特定类名、ID、标签名或属性值的元素。它们有不同的写法:
1. **元素选择器**: 标记元素的类型,如 `p` 表示段落元素,`img` 表示图片元素等。
2. **ID选择器**: 使用 `#` 符号加上唯一的ID,比如 `#header` 选中id为"header"的元素。
3. **类选择器**: 使用`.`符号加上类名,如 `.menu-item` 选中所有class为"menu-item"的元素。
4. **属性选择器**: 通过元素的属性来筛选,例如 `[href]` 选取所有有href属性的链接。
5. **伪类选择器**: 用于指定元素的特定状态,如`:hover` 选中鼠标悬停时的状态,`:first-child` 选中第一个子元素等。
6. **后代选择器**: 用空格分隔表示包含关系,如 `div p` 选取所有在`<div>`内的`<p>`元素。
7. **通用组合选择器**: 结合以上几种形式,如 `#logo img` 选中ID为"logo"的元素内部的所有图片。
8. **高级选择器** (组合选择器): 包括相邻兄弟选择器 (`+`) 和同辈选择器 (`~`) 等。
记得,在实际使用中,可以选择器可以嵌套或组合使用,以达到更精确的选择目标。
阅读全文