私はこの単純な問題を解決するためにすべての努力をしましたが、なぜ動作しないのかわかりません。 ヘッダのコードはホバーのブートストラップヘッダーリンクの色を変更してください
/*-- header --*/
.header{
padding: 1em 0;
background: url(../images/header-bg.png) no-repeat 0px 0px;
background-size: 27% 100%;
margin-top:0px;
}
.logo{
float:left;
margin-top:0.5em;
}
span.menu{
display:none;
}
.top-nav{
float:right;
}
.top-nav ul{
margin:0;
padding:0;
}
.top-nav ul li{
display:inline-block;
}
.top-nav ul li a{
text-transform:uppercase;
font-weight:700;
color:#2C3E50;
margin:1em 1.3em;
display:inline-block;
text-decoration:none;
}
.top-nav ul li a:hover,.top-nav ul li.active a{
color:#f22b2b;
}
<style>
#navtopbar {
background-color: #ffffff;
}
}
</style>
<div class="nav navbar-fixed-top" id="navtopbar">
<div class="container-fluid">
<div class="top-nav">
<button type="button" class="navbar-toggle" data-target=".navbar-collapse" data-toggle="collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<span class="menu"> </span>
<div class="navbar-collapse collapse">
<ul>
<li id="linkcolor" class="active"><a href="~/index/index">Home</a></li>
<li id="linkcolor"><a href="~/Index/AboutUs">About</a></li>
<li><a href="~/Doctor/Index">Doctors</a></li>
<li><a href="~/Hospitals/Index">Hospitals</a></li>
<li><a href="~/Clinics/Index">Clinics</a></li>
<li><a href="~/Home/Contact">Contact</a></li>
</ul>
</div>
</div>
</div>
</div>
それがアクティブに表示され、ホバーデフォルトで青い色です。私は赤に変えたい。 CSSでそれは
.top-nav ul li a:hover,.top-nav ul li.active a{
color:#f22b2b;
まだそれが青色を示しています。だから、私はインラインスタイルでCSSを上書きしようとします。
私は誰も私のために働いていない.nav > li > a {color: red}
または.navbar-collapse > ul > li > a {color: red}
または.nav > li {color:red}
または.nav > li > a:hover{color:red;}
またはul.nav a:hover, ul.nav a:focus, ul.nav a:active { color:red; }
を試してみました。私はどこでミスをしているのかを教えてください。
この青い色のスクリーンショットは、デフォルトのブートストラップではありません。 – makshh
@makshh大丈夫私の間違いはすべて私が欲しい、この青色を赤色に変えてください。 –
JSFiddleを提供していただけますか? –