CSS3 wildcard selector as value

Question

Is it possible to use a wildcard as a property value in CSS3?

I'm using LESS if that helps.

For example assuming class name is animation-delay-8

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

Answer 1

It's not possible. You'll need to use JavaScript, which will be either slow or not properly handle every element with that class, or use some preprocessor to nicely output the repetitive CSS.

LESS doesn't have a clean way to write loops (unless you like recursion), so I'd use SCSS:

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