语义 UI 图标白色未显示
Semantic UI icon white color not show
我用的是Semantic-UI的图标，在这个例子中，我用的是组图标，想做一个里面有勾选的证书图标，很好，但是我想把勾选图标做成白色，但是不工作，我不想使用额外的 CSS，例如 color:white，我正在寻找语义 class，我该怎么做？
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" integrity="sha256-9mbkOfVho3ZPXfM7W8sV2SndrGDuh7wuyLjtsWeTI1Q=" crossorigin="anonymous" />
<i class="huge icons">
<i class="big blue certificate icon"></i>
<i class="white check icon"></i>
</i>
使用invertedclass
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" integrity="sha256-9mbkOfVho3ZPXfM7W8sV2SndrGDuh7wuyLjtsWeTI1Q=" crossorigin="anonymous" />
<i class="huge icons">
<i class="big blue certificate icon"></i>
<i class=" inverted check icon"></i>
</i>
我用的是Semantic-UI的图标，在这个例子中，我用的是组图标，想做一个里面有勾选的证书图标，很好，但是我想把勾选图标做成白色，但是不工作，我不想使用额外的 CSS，例如 color:white，我正在寻找语义 class，我该怎么做？
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" integrity="sha256-9mbkOfVho3ZPXfM7W8sV2SndrGDuh7wuyLjtsWeTI1Q=" crossorigin="anonymous" />
<i class="huge icons">
<i class="big blue certificate icon"></i>
<i class="white check icon"></i>
</i>
使用invertedclass
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css" integrity="sha256-9mbkOfVho3ZPXfM7W8sV2SndrGDuh7wuyLjtsWeTI1Q=" crossorigin="anonymous" />
<i class="huge icons">
<i class="big blue certificate icon"></i>
<i class=" inverted check icon"></i>
</i>