Javascript 动画仅适用于一个分区，而不是所有分区

我正在做一些实验，我现在有了这段代码，我有一个类，每当点击按钮时，它就会动态地添加到我的3个容器中

该类已成功添加到所有div，但只有一个div已设置动画

const hamburgers=[…document.getElementsByClassName（'hamburger'）；
const btn=document.getElementById（'btn'）；
btn.addEventListener（'单击'，（）=>{
汉堡包。forEach（汉堡包=>{
如果（！hamburger.classList.contains（'move'））hamburger.classList.add（'move'）；
else hamburger.classList.remove（'move'））
})
})

。汉堡包{
位置：相对位置；
}
.酒吧{
背景：橙色；
位置：绝对位置；
宽度：50px；
高度：5px；
边缘顶部：20px；
}
.bar:n个类型（1）{
顶部：50px；
}
.bar：第n种类型（2）{
顶部：100px；
}
.bar：第n种类型（3）{
顶部：150px；
} 
#汉堡包-1{
左：500px；
背景：#eee；
}
#汉堡-3{
左：700px；
} 
.搬家{
左-150%；
过渡：左0.4s缓进缓出；
}

单击

ok，问题是特殊性。。我永远都会赢。。而且只有一个元素（第二个）在CSS文件中没有ID，所以这一个有效。这三个div是同一个类，ID，甚至是子类，一个有效，另一个无效。如果它对一个有效，那么它应该对所有元素都有效。检查CSS代码，使用ID选择器只为2个元素添加左元素，这些都不起作用，因为ID比类更具体。所以他们对工薪阶层来说是不同的。你们的流动阶级太弱了。你可以像这样添加ID我知道css的特殊性，但这一个欺骗了我的头脑，谢谢你可以添加你的答案，这样我就可以接受了。好的，问题是特殊性。。我永远都会赢。。而且只有一个元素（第二个）在CSS文件中没有ID，所以这一个有效。这三个div是同一个类，ID，甚至是子类，一个有效，另一个无效。如果它对一个有效，那么它应该对所有元素都有效。检查CSS代码，使用ID选择器只为2个元素添加左元素，这些都不起作用，因为ID比类更具体。所以他们对工薪阶层来说是不同的。你们的流动阶级太弱了。你可以像这样添加ID我知道css的特殊性，但这一个欺骗了我的头脑，谢谢你可以添加你的答案，所以我可以接受它。