用星号选择scss或其他css扩展语言中的几个类

Question

有两个以post-meta-开头的课程。

<div class="post-meta-top"></div>
<div class="main-text"></div>
<div class="post-meta-bottom"></div>

通常我必须像.post-meta-top, .post-meta-bottom那样写，但如果可能，我想写像.post-meta-*。

我知道现在用scss是不可能的。我的问题是“在scss或其他css扩展语言中是否有类似的功能？”

Answer 1

您可以使用属性选择器

执行此操作

div[class^='post-meta-']
{
  ..
}

<强> FIDDLE

来自w3c spec：

  

[ATT ^ = VAL]

     

表示具有att属性值的元素   以前缀“val”开头。如果“val”是空字符串那么   选择器不代表任何东西。

Answer 2

您可以尝试使用jQuery来匹配多个班级

<script>
    $( "div[class^='post-meta']" )
</script>