常用的CSS选择器
2018-08-15 本文已影响0人
凉宫春日的回归
| 选择器 | 示例 | 示例说明 | CSS版本 |
|---|---|---|---|
| .class | .info | 选择所有class="info"的元素 | 1 |
| #id | #name | 选择所有id="name"的元素 | 1 |
| * | * | 选择所有元素 | 2 |
| element | div | 选择所有<div>元素 | 1 |
| element,element | div,p | 选择所有<div>元素和<p>元素 | 1 |
| element element | div p | 选择<div>元素内的所有<p>元素 | 1 |
| element>element | div>p | 选择所有父级为<div>元素的<p>元素 | 2 |
| element+element | div+p | 选择所有同级下前一项元素为<div>元素的<p>元素 | 2 |
| :nth-child(n) | div:nth-child(2) | 选择所有父级的第二项子元素为<div>元素的<div>元素 | 3 |
| :nth-last-child(n) | div:nth-last-child(2) | 选择所有以最后一项子元素开始计数，父级的第二项子元素为<div>元素的<div>元素 | 3 |
| :first-child | div:first-child | 选择所有<div>元素为其父级的第一项子元素的<div>元素 | 3 |
| :last-child | div:last-child | 选择所有<div>元素为其父级的最后一项子元素的<div>元素 | 3 |
