跳至主要內容
| 特性 | 描述 |
|---|
| * | 所有元素 |
| div | 所有 div 标签 |
| .classname | 具有类的所有元素 |
| #idname | 带 ID 的元素 |
| div,p | 所有 div 和段落 |
| #idname * | #idname 中的所有元素 |
| 特性 | 描述 |
|---|
| a[target] | 用一个 target 属性 |
| a[target="_blank"] | 在新标签页中打开 |
| a[href^="/index"] | 以 /index 开始 |
| [class|="chair"] | 以 char 开始 |
| [class*="chair"] | 包含 char |
| [title~="chair"] | 包含 char 这个词 |
| a[href$=".doc"] | 以 .doc 结束 |
| [type="button"] | 指定类型 |
| 特性 | 描述 |
|---|
| p:first-child | 第一个孩子 |
| p:last-child | 最后一个孩子 |
| p:first-of-type | 首先是某种类型 |
| p:last-of-type | 某种类型的最后 |
| p:nth-child(2) | 其父母的第二个孩子 |
| p:nth-child(3n42) | Nth-child (an + b) 公式 |
| p:nth-last-child(2) | 后面的第二个孩子 |
| p:nth-of-type(2) | 其父级的第二个 p |
| p:nth-last-of-type(2) | ...从后面 |
| p:only-of-type | 其父级的唯一性 |
| p:only-child | 其父母的唯一孩子 |
| 特性 | 描述 |
|---|
| p::after | 在 p 后添加内容 |
| p::before | 在 p 前添加内容 |
| p::first-letter | p 中的第一个字母 |
| p::first-line | p 中的第一行 |
| ::selection | 由用户选择 |
| ::placeholder | 占位符属性 |
| :root | 文档根元素 |
| :target | 突出显示活动锚点 |
| div:empty | 没有孩子的元素 |
| p:lang(en) | P 带有 en 语言属性 |
| p:not(span) | 选择每个并非p元素的元素 |
| 特性 | 描述 |
|---|
| a:link | 正常状态下的链接 |
| a:active | 处于点击状态的链接 |
| a:hover | 用鼠标链接 |
| a:visited | 访问过的链接 |
| 特性 | 描述 |
|---|
| input:checked | 检查输入 |
| input:disabled | 禁用输入 |
| input:enabled | 启用输入 |
| input:focus | 输入有焦点 |
| input:in-range | 范围内的值 |
| input:out-of-range | 输入值超出范围 |
| input:valid | 输入有效值 |
| input:invalid | 输入值无效 |
| input:optional | 没有必需的属性 |
| input:required | 具有必需属性的输入 |
| input:read-only | 带有只读属性 |
| input:read-write | 没有只读属性 |
| input:indeterminate | 具有不确定 状态 |
| 特性 | 描述 |
|---|
| font-family: | <字体> |
| font-size: | <尺寸> |
| letter-spacing: | <尺寸> |
| line-height: | <编号> |
| font-weight: | <数字> / 粗体 / 正常 |
| font-style: | 斜体/正常 |
| text-decoration: | 下划线/无 |
| text-align: | 左/右 居中/对齐 |
| text-transform: | 大写/大写/小写 |
