1,子代选择器:>号
.father>div{
border: 1px solid red;
}
2,后代选择器:空格
.father div{
border: 1px solid pink;
}
两者优先级比较:
.father div{
border: 1px solid pink;
margin: 20px 20px;
}
.father>div{
border: 1px solid red;
margin: 20px 20px;
}