后代、子代、并集与交集选择器 | 星雨笔录
区分后代、直接子代、并集与复合选择。
核心: 空格选任意后代、> 选直接子元素;, 是并集,.a.b 是同时满足两个类的交集。
最小示例:
.card p { color: gray; }
.card > p { font-weight: bold; }
.btn.primary { background: blue; }
h2, h3 { margin: 0; }
学完能做: 区分后代、直接子代、并集与复合选择。
区分后代、直接子代、并集与复合选择。
核心: 空格选任意后代、> 选直接子元素;, 是并集,.a.b 是同时满足两个类的交集。
最小示例:
.card p { color: gray; }
.card > p { font-weight: bold; }
.btn.primary { background: blue; }
h2, h3 { margin: 0; }
学完能做: 区分后代、直接子代、并集与复合选择。