хочу создавать классы как .rating-1-1 {}, .rating-1-2 {}, до 10.0. Здесь 1-1 означает, что это 1.1. Где я хочу заменить десятичную точку на -. В моей текущей реализации он генерирует как .rating-1.1, .rating-1.2, этот класс не будет работать для применения стиля css.

Попробуй код

@iterations: 10;
.rate-loop (@i) when (@i > 0) {
    .rate-@{i} {
        width: percentage((@i / @iterations));
    }
    .rate-loop(@i - 0.1);
}
.rate-loop (@iterations);