仅将css应用于第一个孩子并取消继承

Question

我有 :

<div class="myclass"> 
   <div >
       <div>
           <div>
           </div>
       </div>
   </div>
</div>

好吧,我正在使用.myclass div:first-child {}为第一个div赋予样式但我发现如何通过继承将样式应用于嵌套的div ....
知道我做得不好吗？

Answer 1

.myclass > div:first-child {}只会影响直接孩子div.

有关各种选择器的更多信息,请访问:https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started/Selectors