CSS速记可能吗？

Question

你知道有没有办法结合这个CSS？

.a:hover .RemoveImg, .b:hover .RemoveImg, .c:hover .RemoveImg {
    display: inline;
}

我认为它应该是下面的，但它不起作用。

.a:hover, .b:hover, .c:hover .RemoveImg 
    display: inline;
}

我想要的结果是，每当悬停 a、b 或 c 时，将显示每个单独类中的 RemoveImg 类。

谢谢。

Answer 1

没有可用的速记或 CSS 选择器:只有属性和属性值。但是，您可以考虑使用像 SASS 这样的 CSS 预处理语言。为您完成这项工作，但这需要稍后编译生成 CSS 文件。

SCSS/SASS语法，它会是这样的:

.a, .b, .c {
    &:hover .RemoveImg {
        display: inline;
    }
}

... 这将 compile into the selector combination你想要:

.a:hover .RemoveImg, .b:hover .RemoveImg, .c:hover .RemoveImg {
    display: inline;
}