CSS hover 控制元素

// 控制子元素
.cards:hover {
  box-shadow: 1px 1px 4px 1px #cacaca;
  transition: all 0.2s;

  img {
    transform: scale(1.1);
    transition: all 0.2s;
  }
}

// 控制附近的元素
.option_btn:hover~.options_dialog {
  display: block;
}

你可能感兴趣的:(css,前端,javascript)