将样式设置为具有随机数的类名

【问题标题】：Set style to class names that have a random number将样式设置为具有随机数的类名
【发布时间】：2018-09-25 07:09:20
【问题描述】：

如果我有类似的课程

.pin_12345_btn_select

其中 12345 是一个随机数（长度可以是 5 到 12 个字符）

有没有一种方法可以使用上面的随机数为网站中存在的所有这些设置一个类样式。

例如；

.pin_#####_btn_select { Z-index:99; width:220px; }

谢谢

格雷格

【问题讨论】：

您可以使用[class^="pin_"] 定位以“pin_”开头的类
非常感谢 :)

标签： css class random styles

【解决方案1】：

您可以使用属性选择器提供开始和结束文本始终相同，只有随机数发生变化。

  [class^="pin_"][class$="_btn_select"]

第一个选择器选择开始与所需文本的任何类，而第二个选择器选择结束与所选文本的类。如果我们将它们设为单个选择器，那么.....

div {
  padding: 1em;
  margin: 1em auto;
  background: red;
  text-align: center;
}

[class^="pin_"][class$="_btn_select"] {
  background: green;
}

[class$="_btn_select"] {
  background: yellow;
}

<div class="pin_12345_btn_select">Should work</div>
<div class="12345_btn_select">Wont Work Fully</div>
<div class="pin_12345">Definitely won't work</div>
<div class="pin_random_btn_select">Should work</div>

【讨论】：