CSS - 無法更改文本顏色的定義的類

Question

我已經定義了一個UL內部類：

<ul> 
    <li class="current"> <a ............></li> 
    <li> <a ...........></li> 
</ul> 

而且在CSS，我努力使該項目與current類特定的顏色和大膽，同時保持列表的其餘部分爲默認顏色和正常重量。

所以在CSS我寫道：

body { 
    color: #3d3d3d; 
    font-weight: normal; 
} 

li.current { 
    color: #7a78dd; 
    font-weight: bold; 
} 

所以我的問題是，當我寫這些，大膽工作的current類，而不是顏色。它仍然是身體的顏色。

我應該嘗試解決這個問題的一些事情是什麼？謝謝。

Answer 1

這可能是由於li包含<a>標籤。

原因是<a>標籤需要明確定義其屬性。

定義的顏色，像這樣：

li.current a { 
    color: #7a78dd; 
    font-weight: bold; 
} 

我已經知道有些人覆蓋<a>標籤在其定製reset.css如下所示（把他們的父元素的顏色），但是這是個人喜好。

a { 
    color: inherit; 
} 

Answer 2

因爲你給了色li仍然a標籤回吐默認color: -webkit-link;所以你不能看到a顏色。你能做什麼，你可以給a標籤本身給CSS，像下面：

li.current a { 
    color: #7a78dd; 
    font-weight: bold; 
} 

See it in Action

Answer 3

你應該嘗試這樣的，因爲你不li的a上li增添色彩 -

li.current a{ 
    color: #7a78dd; 
    font-weight: bold; 
} 

Answer 4

試試這個

li.current a { 
color: #7a78dd !important; 
font-weight: bold; 
} 

Answer 5

嘗試還包括你的錨標記在你的CSS

body { 
 
    color: #3d3d3d; 
 
    font-weight: normal; 
 
} 
 

 
li.current a { 
 
    color: #468847; 
 
    font-weight: bold; 
 
}

<ul> 
 
    <li class="current"> <a href="#">one</a></li> 
 
    <li> <a href="#">two</a></li> 
 
</ul>