如果我在我的導航欄的無序列表中設置樣式字體顏色,我該如何在特定元素上使用.class來搭配它?需要幫助造型活動鏈接
例如,這裏是我的導航:
首頁
服務
關於
聯繫我們
所以我在CSS的導航字體顏色設置爲#000。
現在,如果我只想搭配其中一個元素作爲特定顏色,我該怎麼做?因爲我嘗試在其中之一上使用課程,但它並沒有超過它。
如果我在我的導航欄的無序列表中設置樣式字體顏色,我該如何在特定元素上使用.class來搭配它?需要幫助造型活動鏈接
例如,這裏是我的導航:
首頁
服務
關於
聯繫我們
所以我在CSS的導航字體顏色設置爲#000。
現在,如果我只想搭配其中一個元素作爲特定顏色,我該怎麼做?因爲我嘗試在其中之一上使用課程,但它並沒有超過它。
您可以使用:活動pseudo element。
如果你的HTML是:
nav a {
color: #000;
font-size: 14px;
font-weight: 600;
}
nav a:hover {
color: #3e82f7;
}
nav a:active {
color: #db4437;
}
nav a:visited {
color: #ffeb3b;
}
如果你想指示用戶是在什麼頁面,你可能要構建你:
<nav>
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="/services">Services</a></li>
<li><a href="/about">About</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</nav>
你可以用CSS做沿着這些路線HTML:
<nav>
<ul>
<li><a class="current-page" href="home.html">Home</a></li>
<li><a href="/services">Services</a></li>
<li><a href="/about">About</a></li>
<li><a href="/contact">Contact</a></li>
</ul>
</nav>
而且你的CSS:
nav a {
color: #000;
font-size: 14px;
font-weight: 600;
}
.current-page {
color: #3e82f7;
}
如果每個元素都根據自己的力,你可以設置這些李時珍這樣 李類=「家」的家庭裏,並在CSS的一個放。家裏{COLOR:#000},如果我讀的問題正確的,這應該有所幫助,如果不是對不起,我是新來的。這個我會寫在代碼中,但仍然需要熟悉這個網站。
歡迎!許多人使用jsfiddle或codepen來說明需要HTML,CSS和JS的點,但如果答案是簡潔的(就像你的那樣),你使用的格式就完全沒問題。 – SwankyLegg
發佈您的CSS和HTML。 – j08691
我在這裏發佈我的代碼很困難。儘管給我一分鐘,我會張貼它。 – John