如何使用随机 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 ^=运算符并将idin分组[]：-

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

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

</div>