更改標籤中文字的顏色？

-1

.myActive{ 
 
\t background:white; 
 
\t color: red; 
 
} 
 
.navbar > li > a:hover, 
 
.navbar > li > a:focus{ 
 
\t background: ; 
 
\t color: #333; 
 
}

<ul class="navbar"> 
 
\t \t \t \t <li> <a href="index.html">Home</a></li> 
 
\t \t \t \t <li> <a href="#">Categories</a></li> 
 
\t \t \t \t <li> <a href="#">About us</a></li> 
 
\t \t \t \t <li class="myActive"> <a href="#">Contact</a></li> 
 
</ul>

我想改變我的文字的顏色<a>標籤，所以我寫的改變L1標籤的背景類，但它不是改變了我的立彩色文本。

經過一點研究，我明白我需要將<span>添加到我的文本中。但我不明白爲什麼我需要這樣做，<a>和<span>是內聯元素。

.navbar > li > a:hover, 
.navbar > li > a:focus{ 
background: white; 
color: #333; 
}

爲什麼僞類重點做這項工作？

來源

2017-07-25 ISTech

你可以提供HTML或jsfiddle嗎？我沒有看到任何理由，爲什麼這在目前的例子中不起作用。 – dbrree

你有什麼應該工作。請發佈您的HTML。意識到，只有當元素具有焦點或被徘徊時，您擁有的CSS纔會起作用。否則，將應用默認顏色。 – War10ck

你在一個框架中工作，如Wordpress？可能會有更多的風格超越你的嘗試。嘗試使用Chrome DeBugger（F12）進行檢查。此外，你可以嘗試顏色：＃333！重要;去測試。！重要的會覆蓋其他的風格。您可能需要爲選擇器添加特異性。 – Jason

如果你想改變你的鏈接顏色：

.navbar > li > a{ 
    color: red; 
}

不

.navbar > li{ 
    color: red; 
}

所以對於鏈接元素不是李添加CSS。你不需要跨度。由於您爲處於焦點狀態的鏈接元素編寫了css，因此焦點工作。

來源

2017-07-25 19:38:33 Ann

謝謝，它幫助我。 – ISTech

假設你的HTML是這樣

<ul> 
<li><a href="http://www.thesite.net>This Site</a></li> 
</ul>

要更改鏈接的文本顏色的CSS簡單

li a{ color: red;}

我還建議增加一個懸停顏色：

li a:hover{color: blue;}

來源

2017-07-25 19:34:45

更改標籤中文字的顏色？

回答

相關問題