时间戳

首页 > 解决方案 > 不向嵌套 div-CSS 中的最后一个子元素添加 css 属性

html - 不向嵌套 div-CSS 中的最后一个子元素添加 css 属性

问题描述

我想将某些属性添加到特定<div>的，这是我的结构：

<div class="container">
<div class="parent">
  <div class="child1">
  <div class="child2">
</div>
<div class="parent">
  <div class="child1">
  <div class="child2">
</div>
<div class="parent">
  <div class="child1">
</div>
</div>

现在我正在尝试应用css边框属性，class="child1"除了最后一个div只有class =“child1”的属性。我试过了：

.container {
   & > div.child1:not(:last-child) {
    border-right: none;
   }
}

但这不起作用。周围有什么想法吗？

标签： htmlcssnestedcss-selectors

解决方案

.container .parent:not(:last-child) .child1{
  border-right: none;
}

您应该选择最后一个父级，在您的情况下，您使用 ">" 选择容器的直接子级

推荐阅读