为什么悬停空间会影响输出行为

Question

我在 CSS 中有这段代码：

 .card:hover{
    transform: scale(1.04);
    transition: 0.3s ease-in-out;

  }

这项工作非常好，但是当我在卡片（卡片：悬停）之后放置空间时，它开始缩放单个元素

Answer 1

这是因为它指向卡片内的子元素被悬停在上面。添加空格意味着它是一个新的选择器。例如：

header div {background : red;}

这会将标题内的每个 div 更改为具有红色背景。

":hover" 可以单独作为一个选择器。所以，div:hover 和 div:hover 都是有效的，第二个指向 div 的子元素。