chrome--css调试

一、一次点开当前父节点下所有子节点

alt + 点击

二、hover后才显示的元素的调试技巧

// 这个跟hover样式无关
控制台输入setTimeout(()=>{debugger;},2000) => 两秒内移入hover元素，坐等隐藏元素出现

三、快速获取元素样式

element => 右键元素 => copy => copy styles

四、给元素增加和删除class

点击style下面的.cls

五、查看hover样式

点击style下面的 :hov