Question

我遇到了一个问题，我想在按钮内的一些文字上设置动画：hover。为了定位按钮的文本，我将其包装在span元素中，并将其定位为：

button:hover span{
  animation:...
}

这在chrome中运行良好，但在firefox和safari中失败。似乎浏览器不支持动画儿童：悬停，这似乎很奇怪。有谁知道这个的原因？

Answer 1

这是因为span是一个内联元素，添加了display的属性：inline-block修复了这个问题。