Css “更改默认值”；下拉图标"；论语义用户界面

在主题中，我试图在基于meteor的环境中实现手风琴时更改语义ui中的默认“下拉图标”，但我不知道如何以及从何开始。我希望保留其默认行为（即单击时，它会旋转90度或180度），而不是简单地使用以下代码更改图标：

    <div class="title">
        <i class="new icon"></i>
    </div>

我输入的代码实际上更改了图标，但没有保持默认的180度旋转行为。 有没有关于怎么做的线索？语义CSS在我看来很复杂，任何帮助都将不胜感激。

---

谢谢

如果您示例中的图标具有“new”类，请将其添加到您的css中：

.ui.accordion .active.title .new.icon,
.ui.accordion .accordion .active.title .new.icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}
.ui.accordion.menu .item .active.title > .new.icon {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}