| 选择器 | 含义 |
|---|---|
| #header | id=header 的元素 |
| .header | class=header 的元素 |
| .header .logo | 先找到class=header 的元素，再找到它所有的子代、孙代、曾孙代的class=logo 的元素，匹配之 |
| .header.mobile | 同时具备class=header 和class=mobile两个属性的元素 |
| .header p, .header h3 | 先找到class=header 的元素，再找到它所有后代中的p 标签和h3 标签元素，匹配之 |
| #header .nav>li | 先找到id=header 的元素，再找到它所有后代中的class=nav 的元素，再找到其直接后代中的li 标签元素，匹配之 |
| #header a:hover | 先找到id=header 的元素，再找到它的所有后代中的a: hover元素 ，匹配之 |
| #header .logo~p | 先找到id=header 的元素，再找到它的所有后代中的class=logo元素，再找到其之后的同级元素p，匹配之 |
| #header input[type="text"] | 先找到id= header的元素，然后找它的所有后代中的input表单元素，再找到其type值为text的单行文本元素，匹配之 |
组合选择器
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- 今天简书首页改样式,真有点不习惯. 总结:如果后代选择器中需要特别的样式,那我们可以用类选择器来完成优先级:标签选...
