Html 内部转换：悬停无法激活

这是我的密码：

divimg{
位置：绝对位置；
}
分区图像：第n个孩子（1）{
顶部：50px；
左：80px；
变换：比例（0.8）；
}
分区图像：第n个孩子（2）{
顶部：50px；
左：80px；
变换：比例（0.7）；
}
img：悬停{
变换：比例（1）；
}

---

在所有

css
img
样式声明之前删除
div

发生这种情况是因为特定性-当您设置更具体的规则时，例如
divimg{}
，它会覆盖不太具体的css规则
img{}


特定性是浏览器决定哪个CSS属性的方法
值与元素最相关，因此将
应用特异性是基于所组成的匹配规则
不同种类的CSS选择器


img{
位置：绝对位置；
}
第N名儿童（1）{
顶部：50px；
左：80px；
变换：比例（0.8）；
}
第N名儿童（2）{
顶部：50px；
左：80px；
变换：比例（0.7）；
}
img：悬停{
变换：比例（1）；
}
您的样式
divimg:nth child（1）{}
比
img:hover{}
样式更具体。这就是它凌驾于你的风格之上的原因

要么你可以使用你已经使用过的方法，要么你可以使用！重要信息，如
img:hover{transform:scale（1）！重要信息；}



部门经理{
位置：绝对位置；
}
分区图像：第n个孩子（1）{
顶部：50px；
左：80px；
变换：比例（0.8）；
}
分区图像：第n个孩子（2）{
顶部：50px；
左：80px；
变换：比例（0.7）；
}
img：悬停{
转变：尺度（1）！重要；
}