html - 如何在 css 中使用类中的特定单词？

Question

我有一些'<a> <i> <label>'在我的页面中，如下所示

<a class="icon-home"></a>
<label class="icon-pencil"></label>
<i class="icon-display"></i>

我需要用 margin-right:10px 创建 css当类(class)以 "icon-" 开始时

像下面这样的东西:

<style>
.icon-* {margin-right:10px}
</style>

Answer 1

试试这个:

[class^="icon-"], [class*=" icon-"] {
    margin-right: 10px;
}