有没有一种方法可以命名相似的类？

Question

示例：

<div class="container">
    <div class="row">
        <div class="col-sm">1 of 3</div>
        <div class="col-sm">2 of 3</div>
        <div class="col-sm">3 of 3</div>
    </div>
</div>

我想在“ row”类内的所有元素上插入边框，对于这种情况，就是“ col-sm”。我可以在style.css上写“ .row .col-sm {myAttributes}”，问题解决了。但是，如果我插入更多元素，例如在“ 3之3”之后</div>：

<div class="w-100"></div>  <!-- this will skip line and insert a new row -->
<div class="col-md-3">1 of 4</div>
<div class="col-md-3">2 of 4</div> 
<div class="col-md-3">3 of 4</div>
<div class="col-md-3">4 of 4</div>

现在，我也需要在style.css中插入“ col-md-3”。如果我得到的标签越来越多，那将是一团糟，那么我将需要手动插入每个标签。我的问题是，是否可以使用通用调用（如.col *，*。col）来编辑行中的每个“ col”及其变体。