如何找到造成DOM元素外觀變化的原因？

Question

還有this page，點擊下一步去時區頁面。如果您將鼠標懸停在此處顯示的時間段上，則外觀會發生變化。我檢查了Chrome的開發工具，無法找到帶有懸停聲明的樣式，也沒有找到附加的Javescript鼠標懸停事件。

風格如何變化？

Answer 1

該時隙附有一個hover樣式。

.ab-columnizer .ab-available-hour:hover { 
    border: 2px solid #f4662f!important; 
    color: #f4662f!important; 
} 

怎麼找？

1. 檢查該元素

2. 點擊右鍵，選擇受力狀態

3. 你會發現：懸停

Answer 2

看到紅色的矩形，你可以點擊中間的按鈕並選中：懸停複選框，然後你會發現原因。