Css 如何在不同的类上组合转换？

我有两个类，每个类都有一个转换，如何组合它们？ 我知道我可以做“transform:transform1，transform”，但在本例中，我将它们放在不同的类别中，第二个类别取代了第一个类别

我不能使用JavaScript

谢谢大家!

添加示例：

.class1，
.2级{
宽度：20px；
高度：20px；
背景颜色：蓝色；
}
.1级{
变换：旋转（45度）；
}
.2级{
转换：translate3d（50px，50px，0）；
}

---

您必须为包含这两个类的元素制定新规则

.class1 {
    transform: rotate(45deg);
}

.class2 {
    transform: translate3d(50px, 50px, 0);
}

.class1.class2 {
    transform: rotate(45deg) translate3d(50px, 50px, 0);
}

---

你的问题不清楚。请在此分享复制您的问题所需的最低代码。请在您的帖子中添加您的代码，并阅读如何完成。我的问题现在有了一个例子。@Scoots的答案是使用

.class1.class2{转换：旋转（45度）translate3d（50px，50px，0）；}

但这是重复的代码，对吗？没有不重复的解决方案吗？我的问题是“transform:translate3d”对于每个元素都是变量，但它不会重复代码

transform

是属性，所有三个类的排列对该属性都有不同的值。如果不完全重新定义同一属性，就无法将同一属性的两个不同值组合在一起。