如何删除上部div时进行转换

Question

我想知道如何在移除上部DIV时进行一个div的转换...我知道有很多关于它的问题，但它们都使用Jquery而我不想使用它。我怎么能这样做？

例如：

<div class='father'>
   <div class='child'>
   <div class='child'>
   <div class='child'>
   <div class='child'>
<div>

当删除DOM的上层子项时，其他div有一个转换...是否可能？

Answer 1

应该像向transition类添加.child一样简单。这取决于你如何删除上部div。 这是一个例子

＆＃13;

＆＃13;

.child {
  height: 200px;
  background: #666;
  border: 1px solid;
  transition: 1s;
}
#top:hover {
  height: 0;
}
#next {
  transition: 1s;
}

＆＃13;

<div>
  <div class="child" id="top">hover over this div to hide it</div>
  <div class="child" id="next">this div will move up</div>
</div>

＆＃13;

＆＃13;

＆＃13;