| 选择器 | 示例 | 示例说明 | 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 |
常用的CSS选择器
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
