空间和>选择器之间的区别

Question

选择器6和7之间的区别是什么w3

标题说的是全部。

Answer 1

的>称为child combinator，并选择那些直接后代子女。

选择之间的space表示第二个选择必须是第一个孩子，但确实不需要是一个直接子（指孙子有资格）。

此可以看出，在以下内容：

div { 
 
    border: 1px solid black; 
 
    padding: 20px; 
 
} 
 

 
.outer > .middle { 
 
    background: green; /* Applied */ 
 
} 
 

 
.outer .inner { 
 
    background: red; /* Applied */ 
 
} 
 

 
.outer > .inner { 
 
    background: blue; /* Not applied */ 
 
}

<div class="outer"> 
 
    <div class="middle"> 
 
    <div class="inner"> 
 
    </div> 
 
    </div> 
 
</div>