hover衍生含义在线求解

Question

a:nth-child(1):hover~.animation

这句话什么意思求解

Answer 1

~表示兄弟级的元素，看下面例子应该能明白

<style>
    .a:hover~.b{color:red;}
    </style>
    <div class="a">a
      <div class="b">b1</div> 
    </div>

    <div class="b">b2</div>