先放结论:后代选择器和子选择器的优先级相同,所以二者对共同作用的元素得影响只与二者的代码顺序有关,在CSS里顺序靠后的先执行。
情况一:
.father>p{
margin: 10,20,30,40;
border: solid;
border-width: 6px;
border-color: black;
padding: 30px,30px,30px,30px;
}
.father p{
margin: 10,20,30,40;
border: solid;
border-width: 6px;
border-color: blue;
padding: 30px,30px,30px,30px;
}
情况二:
.father p{
margin: 10,20,30,40;
border: solid;
border-width: 6px;
border-color: blue;
padding: 30px,30px,30px,30px;
}
.father>p{
margin: 10,20,30,40;
border: solid;
border-width: 6px;