どのように要素witのランダムなCSS idをスタイルするには

Question

私は自分のサイトでレンダリングされた外部フォームからIDをスタイルする必要があります。

1. ページの更新1：問題は、IDは、このようなランダムであるということであるdiv要素＃4 - 登録フォーム-container57287c94e2312
2. ページリフレッシュ2：DIV＃4 - 登録フォーム-container35469e56e2278
3. ページ更新ツリー：リフレッシュ4のdiv＃4 - 登録フォーム-container6575c98e1274
4. ページ：DIV＃4 - 登録フォーム-container25242e33e6584
5. のように...

の場合私はそれが動作しません乱数なしでそれをスタイルしようとする...それをスタイルすることは可能ですか？

Answer 1

あなたははい、それはあるネイティブJS

Answer 2

のためのjQuery $('div[id^=div#4-register-form-container]')またはdocument.querySelectorAll('[id^="4-register-form-container"]');でこれを試すことができます。 [id~="-register-form-container"]のようなCSSセレクタを使用してください。
セレクタについての詳細はhereをご覧ください。

Answer 3

あなたは^=演算子とグループで始まる - を使用することができます[]でid： -

div[id^="4-register-form-container"] { 
 
    height: 50px; 
 
    border: 1px solid red; 
 
}

<div id="4-register-form-container25242e33e6584"> 
 

 
</div>

Answer 4

使用[attribute^=value] CSSセレクタ。

すなわち、div[id^="div#4-register-form-container"] - そのid属性値がdiv#4-register-form-container

div[id^="div#4-register-form-container"] { 
 
    color: red; 
 
}

<div id="div#4-register-form-container57287c94e2312"> 
 
    Random div 1 
 
</div> 
 

 
<div id="div#4-register-form-container35469e56e2278"> 
 
    Random div 2 
 
</div>

で始まるすべての要素を選択します