У меня есть элемент с двумя классами, один из которых называется "rotate", который будет вращать элемент на 360 градусов, а другой называется "doublelesize", который масштабирует элемент 2x его нормальный размер:
.rotate {
transform: rotate(0deg);
}
.rotate:hover {
transform: rotate(360deg);
}
.doublesize {
transform: scale(1);
}
.doublesize:hover {
transform: scale(2);
}
Я предполагаю, что это не работает, потому что классы переопределяют друг друга transform
свойство?
Я знаю, что я мог бы легко сделать это в одном правиле CSS, например:
.doublerotatesize {
transform: scale(1) rotate(0deg);
}
.doublerotatesize:hover {
transform: scale(2) rotate(360deg);
}
Но я хотел бы иметь возможность применять каждый класс отдельно от другого, если это возможно.