css - 仅将 css 应用于第一个 child 并取消继承

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