CSS3 wildcard selector как значение

Question

Возможно ли использовать шаблон в качестве значения свойства в CSS3?

Я использую МЕНЬШЕ, если это помогает.

Например предполагающей имя класса является анимации задержки-8

[class^=animation-delay-] { 
    -webkit-animation-delay: // the value should be 8 
} 

Answer 1

Это не возможно. Вам нужно будет использовать JavaScript, который будет либо медленным, либо неправильно обрабатывать каждый элемент с этим классом, либо использовать некоторый препроцессор, чтобы хорошо выводить повторяющийся CSS.

МЕНЬШЕ не имеет чистый способ, чтобы написать петли (если you like recursion), так что я хотел бы использовать SCSS:

@for $i from 1 through 10 { 
    .animation-delay-#{$i} { 
     -webkit-animation-delay: #{$i}; 
    } 
}