CSS下拉解释

Question

有人可以解释一下CSS下降是如何工作的吗？

我见过很多,大多数都有>选择器,

我的问题是:

如何使用>选择器进行CSS下拉？

我看了很多教程,从不理解>做什么以及它如何与HTML类\ Ids连接.

有人能解释一下吗？谢谢.

Answer 1

它用于选择直接孩子.

考虑以下标记

<div id="container">  
   <ul>  
      <li> List Item  
        <ul>  
           <li> Child </li>  
        </ul>  
      </li>  
      <li> List Item </li>  
      <li> List Item </li>  
      <li> List Item </li>  
   </ul>  
</div>  

一个选择器#container > ul只会定位uls哪个是divid为的直接子节点container.

例如,它不会ul以第一个孩子为目标li.

因此,使用儿童组合器具有性能优势.