时间戳

首页 > 解决方案 > 我们可以在css中将两条规则组合成一条规则吗？

html - 我们可以在css中将两条规则组合成一条规则吗？

问题描述

我有两个senario类从icn-和中间开始。两者 icn-都有相同的属性。我们可以添加一个选择器还是regex在这两种情况下都可以使用？

 .f20 [class^="icn-"]:before,.f20 [class*=" icn-"]:before {
            font-family: 'icons' !important;
            speak: none;
            font-style: normal;
            font-weight: normal;
            font-variant: normal;
            text-transform: none;
            line-height: 1;
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale
        }

标签： htmljquerycssflexbox

解决方案

在您的情况下，您可以编写以下内容：

.f20 [class*="icn-"]:before {
   color: pink; /*whatever you want goes here*/
}

这将选择任何icn-类，如果它位于开头或其他地方。请注意，这也选择了类似的东西，this-icn-class因为它只检查icn-而不关心前面的字符。

推荐阅读