将鼠标悬停在一个元素上会影响多个类的合并或级联

Question

我有这个代码

df['FCR'] = df.apply(lambda r : checkdupes(df, r), axis=1)

有没有一种方法可以将其合并在一起，而不是将其两次写入？

我尝试过

    .card:not(:hover) .movePrevCarousel{   /* Used to make the button appear, when mouse hover*/
      opacity: 0;
    }
    .card:not(:hover) .moveNextCarousel{   /* Used to make the button appear, when mouse hover*/
      opacity: 0;
    }

它不起作用

Answer 1

您无法合并它，但可以将多个选择器用于同一更改

.card:not(:hover) .movePrevCarousel,
.card:not(:hover) .moveNextCarousel {
  /* Used to make the button appear, when mouse hover*/
  opacity: 0;
}

如果您使用的是CSS预处理器（例如less，sass），您将能够做到

.card:not(:hover) {
  .movePrevCarousel,
  .moveNextCarousel {
    /* Used to make the button appear, when mouse hover*/
    opacity: 0;
  }
}

将会产生相同的结果