html - 如何定义不同的 CSS 转换而不互相干扰

Question

如果一个类向元素添加旋转而另一个类添加比例，我如何在 CSS 中定义它们而不让它们相互影响。

<!-- HTML snippet -->
<div class="class1 class2"></div>

/* CSS snippet */
.class1 { transform:rotate(45deg); }
.class2 { transform:scale(0.5); }

在上面的例子中，div 只会被缩放，因为 class2 中的 transform 属性定义覆盖了 class one 中的定义。我如何获得这两种不同的样式规则来应用这些不同的转换？

Answer 1

不幸的是，我相信你需要按照以下方式做一些事情

<div class="class1"><span class="class2"></span></div>