悬停时出现的字段集

Question

我对该程序有一点问题：

.FIRST {
        position: absolute;
    }
.SECOND {
        position: absolute;
        display: none;
    }
#A:hover .SECOND {
        display: block;
    }

<fieldset>
  <legend>LEGEND</legend>  
  <div class='A'>
      <fieldset id="FIRST">
          FIRST
      </fieldset>

      <fieldset id="SECOND">
          SECOND
      </fieldset>
  </div>
</fieldset>

我希望当我的鼠标进入“ A”格时显示字段集“ SECOND”。

我不明白的是，即使使用“显示：无”，字段集“ SECOND”也会不断出现，并且当我将鼠标放在块“ A”中时，Google控制台中什么也没发生。

Answer 1

您通过。呼叫班级，并通过＃呼叫ID。因此它将如下所示：

#FIRST {
        visibility: hidden;
    }
#SECOND {
       visibility: hidden;
    }

.A:hover #SECOND {
  visibility: visible;
}

<fieldset>
        <legend>LEGEND</legend>  
        <div class='A'>
            <fieldset id="FIRST">
                FIRST
            </fieldset>

            <fieldset id="SECOND">
                SECOND
            </fieldset>
        </div>
</fieldset>