使用正则表达式进行CSS类定义

Question

我有一个像这样的html块：

<div class="message-box01">...</div>
<div class="message-box02">...</div>
<div class="message-box03">...</div>

'message-box'附加的2位数字打破了我的CSS，因为定义是这样的：

.message-box ul li {
  background: #fff;
  color: #fff;
  width: 30px;
  height: 30px;
  border-radius: 15px;
  font-size: 25px;
  text-align: center;
  padding-top: 15%;
  transition: all 0.2s ease-in-out;
}

所以我想知道是否有一种方法可以在类定义中使用正则表达式，我想，就像我在这里看到的那样：another css related page

使用伪代码：

.message-box[\d*] {
    ...
}

或类似的东西。

或者，这样的事情是可能的：

[id^='messages-box'] ul li {
    list-style-type: none;
    float: left;
}

Answer 1

如果您有多个具有相同单词的班级，则可以使用此

div[class^='message-box']{
  ...
}

  

以上代码适用于每个以message-box开头的div。