javascript - 如何使用随机 css id 设置元素样式

Question

我想从我网站上呈现的外部表单 (javascript) 中设置 Id 的样式。问题是 ID 是这样随机的:

1. 页面刷新一:div#4-register-form-container57287c94e2312
2. 页面刷新二:div#4-register-form-container35469e56e2278
3. 页面刷新树:div#4-register-form-container6575c98e1274
4. 页面刷新四:div#4-register-form-container25242e33e6584
5. 等等...

如果我尝试在没有随机数的情况下设置它的样式，它将不起作用...是否可以设置它的样式？

Answer 1

您可以使用 starts-with ^= 运算符并将 id 分组到 [] 中:-

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

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

</div>