Question

我想检查父div有给定div的div。我有父div'.parent'。我想检查这个父有css中带有'.child'类的div。这有可能在css中。我用

实现了这一点

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="parent">
  <div class="child">
     test
  </div>
</div>

jquery但我想在css中检查它

Answer 1

是的，可以使用CSS :empty selector进行检查，如下所示

：empty伪类表示任何没有子节点的元素所有

如果它有任何child element或文字节点，那么background样式仍为blue，如果它empty，则background样式更改为{ {1}}。

＆＃13;

red

＆＃13;

.parent{
  background:blue;
  width:100%;
  height:50px;
  margin-bottom:10px;
}
.parent:empty{
  background:red;
}

＆＃13;

Answer 2

尝试这个以获取更多详细信息

https://developer.mozilla.org/en-US/docs/Web/CSS/:has

.parent:has('.child')
{
properties
}

Answer 3

.parent .child
{
   /*Your style under child div*/
}

.parent
{
   // Style under all matched with parent
}

你可以这样试试。最终只有在找到子类时才适用。

检查父div是否具有子类的div

3 个答案: