CSS3通配符选择器作为值

Question

是否可以在CSS3中使用通配符作为属性值？

如果有帮助我就会使用LESS。

例如，假设班级名称是 animation-delay-8

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

Answer 1

这是不可能的。你需要使用JavaScript，它会很慢或者没有正确处理该类的每个元素，或者使用一些预处理器来很好地输出重复的CSS。

LESS没有一种简洁的方法来编写循环（除非you like recursion），所以我使用SCSS：

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