Как стилизовать элемент wit random css id

Question

Я хочу создать идентификатор из внешней формы, обработанной (javascript) на моем сайте. Проблема заключается в том, что идентификатор является случайным, как это:

1. страница обновить один: ДИВ # 4 регистра-форм-container57287c94e2312
2. обновления страницы два: DIV # 4 регистра форм-container35469e56e2278
3. обновления страницы дерево: ДИВ # 4 регистра форм-container6575c98e1274
4. обновления страницы четыре: DIV # 4 регистра форм-container25242e33e6584
5. и так далее ...

Если Я стараюсь стилизовать его без того случайного числа, в котором он не будет работать ... Можно ли его стилизовать?

Answer 1

Вы можете попробовать это с JQuery $('div[id^=div#4-register-form-container]') или document.querySelectorAll('[id^="4-register-form-container"]'); для родной JS

Answer 2

Да это. Используйте селектор CSS, например [id~="-register-form-container"].
Прочитать 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>