Css SASS样式的两个嵌套div没有类/

我有以下html标记：

<div class="container">
  <div> <------Want this to bee 100% height
    <div class="child">
    </div>

    <div class="child">
    </div>

    <div> < --------- 100% height
    </div>
  </div>
</div>

---

这是可行的，但我如何在一条规则中实现这一点呢？

如果需要将其作为一条单独的规则，您可以这样做：

.container、.container>div、.container>div>div{
身高：100%；
}

您还可以将该规则应用于所有子div，如果该规则适用于您的案例：

.container、.container div{
身高：100%；
}

如果需要将其作为单一规则，可以执行以下操作：

.container、.container>div、.container>div>div{
身高：100%；
}

您还可以将该规则应用于所有子div，如果该规则适用于您的案例：

.container、.container div{
身高：100%；
}

是，您可以使用

：not

伪选择器排除类中的任何元素

.container {
  height: 100%;
  div:not([class]) {
    height: 100%;
  }
}

这将本质上选择任何未设置class属性的

div

下面是一个将上面的SASS编译为CSS的示例

.container{
身高：100%；
}
.容器分区：不是（[类]）{
身高：100%；
背景：蓝色；
}
.货柜部儿童{
背景：红色；
}

jkfhakfhkadshfksdhfasdk
小孩
迪尔德
djalfjasdl；fjasl；fjas；lfj

是，您可以使用

：not

伪选择器排除类中的任何元素

.container {
  height: 100%;
  div:not([class]) {
    height: 100%;
  }
}

这将本质上选择任何未设置class属性的

div

下面是一个将上面的SASS编译为CSS的示例

.container{
身高：100%；
}
.容器分区：不是（[类]）{
身高：100%；
背景：蓝色；
}
.货柜部儿童{
背景：红色；
}

jkfhakfhkadshfksdhfasdk
小孩
迪尔德
djalfjasdl；fjasl；fjas；lfj

这看起来不错，但是还有一堆其他嵌套的div，其中可能有无类的div，所以这不是很危险吗？这个答案基于您最初的问题和标记。如果还有其他变量在起作用，你需要更具体一些。我有下面的html标记：让我们相信这就是你正在使用的。我用另一个代码片段更新了答案，它深入到了两个层次，包括类div和selector，这使得代码与我已经拥有的非常相似，我试图避免这种代码重复。但是这两个选项都比我现在的好，所以我会接受答案的，谢谢。是的，你现在的代码有点冗长，因为你可以通过使用更多的嵌套跳过整秒钟

div>div{…}

。不管是哪种方式，你都无法对你的场景做太多其他的事情。这看起来不错，但是有很多其他的嵌套div，其中可能有一些没有类的div，所以这不是很危险吗？这个答案基于你最初的问题和标记。如果还有其他变量在起作用，你需要更具体一些。我有下面的html标记：让我们相信这就是你正在使用的。我用另一个代码片段更新了答案，它深入到了两个层次，包括类div和selector，这使得代码与我已经拥有的非常相似，我试图避免这种代码重复。但是这两个选项都比我现在的好，所以我会接受答案的，谢谢。是的，你现在的代码有点冗长，因为你可以通过使用更多的嵌套跳过整秒钟

div>div{…}

。无论哪种方式，您都无法对您的场景执行其他操作。是的，确实是子元素css规则。我不知道他是否需要父级（.container），但我尝试的第二个示例将仅使用子css调用（.container div）。是的，不清楚

.container

部分是否是必需的。基于问题中的SASS规则，它是必需的。是的，确实是子元素css规则。我不知道他是否需要父级（.container），但我尝试的第二个示例将仅使用子css调用（.container div）。是的，不清楚

.container

部分是否是必需的。根据问题中的SASS规则，它是必要的。