hTMLコードでアクティブなクラスの色を変更しようとしています。ナビゲーションサイドバーを作成しています。これが私のコードです:
<div class="col-sm-2">
<ul class="nav nav-pills nav-stacked nav-static"> <!--stacked untuk jadi vertical -->
<li class="active"><a>Create Case</a></li>
<li><a href="wf-listofcase.php">List of cases</a></li>
<li><a href="linksofapps.html">Links of Apps</a></li>
</ul>
</div>
その色を変更するには?前に感謝します。
以下を使用できます。
.active a{
color: red !important;
}
または、!important
を回避するには、以下を使用します。
.nav-pills > li.active > a{
color: red;
}
次のコードは、すべてのアンカータグに赤色を適用します。
a {
color: red !important;
}
「nav-static」ラッパー内でのみ色を適用するには、次のコードを使用します。
.nav-static .active a{
color: red !important;
}
上記の回答がうまくいかない場合は、試してみてください-
.active a{
background-color : red !important;
}