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

标签 css css-selectors

我有:

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

好的,我正在使用 .myclass div:first-child {} 为第一个 div 提供样式,但我发现样式是如何通过继承应用于嵌套的 div....???
知道我做错了什么吗?

最佳答案

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

有关可用的各种选择器的更多信息,请参见此处:https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Getting_started/Selectors

关于css - 仅将 css 应用于第一个 child 并取消继承,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28097266/

相关文章:

html - 为什么我在 bootstrap 中的一个专栏无法正常运行?

javascript - 保存菜单当前位置

css - 为什么 .ui-widget 匹配 .ui-widget .ui-widget

css - 选择范围外的 child

css - CSS3的:root pseudo class and html?有什么区别

css - 更改特定 div 中的 anchor

javascript - 如何使用 locator.evaluateAll() 在 Playwright 中获取基于 aria-label 的元素(按钮)数组?

html - 盒子上的空间太多 - HTML

css - 针对特定浏览器使用不同的 CSS 样式

javascript - 使用隐藏字段值编写 JQuery/Javascript IF/else 语句