我不希望我的子頁面繼承父主題的鏈接顏色（紅色），我該怎麼做？

Question

我不希望我的子頁面繼承父主題的鏈接顏色（紅色），而是我想在我的子頁面上使用白色鏈接，我應該在html/css中更改哪些內容以實現此目的？

父頁面的CSS

a{ 
text-decoration:none; 
color:red; 
    } 

a:hover{ 
    color:white; 
    -moz-transition: all .2s; 
    -webkit-transition: all .2s; 
    -o-transition: all .2s; 
    transition: all .2; 
    } 

子頁面鏈接

<div id="links"> 
<ul id="list"> 
<li><a href="url">bla </a></li> 
</ul> 
</div> 

Answer 1

您需要添加第二個CSS規則是你a標籤更具體。

例如：

#links a { 
    color: white; 
} 

或

#list a { 
    color: white; 
} 

我想補充一點，你的樣品中發佈兩個下面這些規則。

但是，您也可以使用class而不是id來使CSS規則更普遍適用。

PS

如果您將其應用到你的tumblr頁面，有可能是其他樣式相沖突，所以你可能需要讓即使是CSS規則更具體。我需要鏈接到您的Tumblr頁面才能確定。

Answer 2

這個怎麼樣？然後，只需將white-links類添加到任何a家長，他們將變成白色。

HTML

<div id="links"> 
    <ul id="list" class="white-links"> 
     <li><a href="url">bla </a></li> 
    </ul> 
</div> 

CSS

.white-links a { 
    color: #fff; 
}