2つの特定の文字列のいずれかに一致するセレクタを、それらの間に動的文字列を使用して作成するにはどうすればよいですか:2つの文字列の間に文字列を持つCSSクラスのみを選択するにはどうすればよいですか?
例:だから、
[class*="animation-"**"-infinite"] {
animation-iteration-count: infinite;
}
これらのクラス標的とすることができるようになります:
class="animation-hover-infinite"
class="animation-scale-infinite"
class="animation-opacity-infinite-somethingElse"
class="animation-etc-infinite withSomeOtherClass"
をしかし、このターゲットではない:
class="animation-something"
class="something-infinite"
は、この可能ですか?または、これを実現できる他のCSSセレクタがありますか?
残念ながらそれは、CSSは、セレクタがサポート属性のものではありません。ドキュメントで現在サポートされているものを見ることができます:https://developer.mozilla.org/en-US/docs/Web/CSS/Attribute_selectors – gespinha
これにはJavaScriptが必要です。 – TylerH