こんにちは私は現在、私の不和のためのカスタムCSSファイルに取り組んでおり、いくつかの要素を変更しています。ハイフンなどの後にIDを持つクラスを定義する方法を知る必要があります。どのように動的クラス名をターゲットに設定できますか？
<div class="avatarDefault-ai3nf">
どのようにavatarDefaultで選択しますか？あなたは
[class^="avatarDefault"] {
/* styles here */
}
を探している
それは "avatarDefault" で始まるclass属性を持つすべての要素を標的とします。
avatarDefault文字列を含むすべての要素を対象とする[class*="avatarDefault"]を使用することもできます。
注：classを扱うとき、それはを使用することをお勧めしますあなたが追加/大規模アプリケーションのようにオペレータは、JavaScriptを使用してクラスを削除含まれている、あなたはclassの開始時に文字列が常に残っていることを確認することはできません属性。例えば、セレクタと開始は、この要素が一致しません。
<div class="random-class avatarDefault-ai3nf"></div>
...しかしはセレクタがそれにマッチしますが含まれています。
あなたのマークアップ（または何でもそれはそれはそれを作成している）を変更できる場合は、それはあなたがid属性内で一意の識別子を置いた場合に最もよいと収集識別子としてclassを使用します。
<div id="ai3nf" class="avatarDefault"></div>
... .avatarDefaultを使用して、コレクションの要素のスタイルを設定します。