以下是我的Django模板中的重要代码：
<a class="notibell" data-toggle="collapse" href="#pgsettings"><i class="fa fa-bell"></i></a>
<div class="collapse" id="pgsettings">
# content to show using the toggle anchor tag above.
</div>
我在页面<head>:中使用这个css
<style type="text/css">
.notibell.collapsed {
color: green !important;
text-shadow: 2px 2px 2px #ccc;
}
.notibell {
color: red;
text-shadow: 2px 2px 2px #ccc;
}
</style>
页面加载时，图标颜色为红色(应为绿色(。然后单击，颜色保持为红色(对于展开的div，颜色正确(。然后再单击一次，颜色变为绿色(正确的折叠div颜色(。然后从这一点向前切换和颜色正确地改变。
问题出在页面加载上，尽管有！重要条件。
我也尝试过在引导加载之前和之后在头中加载css，但这并没有什么不同。
提前感谢，如有帮助，不胜感激。
您只需使用jquery切换函数即可将其启动为绿色，并来回切换为红色。
https://www.w3schools.com/jquery/html_toggleclass.asp