html - 如何使选择更具体？

Question

为什么这样做:

.move {-moz-transition: all 1s ease-out;}
.one:hover .move {-moz-transform: scale(0.5);}

虽然这不是:

.move {-moz-transition: scale 1s ease-out;}
.one:hover .move {-moz-transform: scale(0.5);}

我不想选择“全部”- 我只想选择我想更改的属性(我只发布了 -moz- 前缀以使代码更短)。

Answer 1

您的 transition 属性应该使用属性名称，在这种情况下您需要使用 transition: tranform 1s ease-out; 使其工作。如下所示:

.move {-moz-transition: transform 1s ease-out;}
.one:hover .move {-moz-transform: scale(0.5);}

注意:如果它不起作用尝试使用 transition: -moz-tranform 1s ease-out; 而不是