造型鏈接的頁面的一部分，但不是另一個

Question

首先我想說感謝讓我歡迎，我在這裏瞭解更多在這裏比我在過去6個月異地，所以道具！我的問題是困擾了我很長一段時間，我找不到合適的答案，但也許我問的是錯誤的問題。基本上我有我想要自定義的頁眉導航鏈接，而不會影響頁面上的其他鏈接。我希望他們改變鼠標的顏色，等使用純粹的CSS而不改變身體的鏈接。我如何做到這一點，因爲：鏈接：訪問，等似乎是他們自己的類：/預先感謝！

Answer 1

只是用父母選擇的名稱，包裝要編輯的鏈接不改變任何其他在包裝

HTML

<div id="header"><a href="">styled link</a></div> 
<a href="">not styled link</a> 

CSS

#header a, #header a:active, #header a:link, #header a:visited { color: white } 
#header a:hover { color: blue } 

還指出，Firefox的& Chrome不支持的最新版本：由於安全問題

Answer 2

HTML：

<a class='fancylink'>Hi</a> 
<a>No Fancy Link</a> 

CSS：

.fancylink{ 
    color:blue; 
    text-decoration:none; 
} 

.fancylink:hover{ 
    color:yellow; 
} 

這不是太大的設計，但它回答你的問題。 =）

Answer 3

<div class="firstbit"> 
    <a href=...... 

</div> 

然後

.firstbit a, 
.firstbit a:hover 
{ 
    Style stuff here 
} 

然後做相同，但改變類

Answer 4

你想CSS中使用特異性參觀了僞類。這可以通過多種方式完成。

方法1：類

首先，添加了類似的類的所有導航鏈接例如<a href="#" class="classname"></a>

其次，在CSS中，添加

a.classname:link {} 
a.classname:visited {} 
/* etc */ 

方法2：容器

首先，組中的所有被稱爲容器的標籤內的導航鏈接的例如

<div id="idname"> 
<a href="#"></a> 
<a href="#"></a> 
</div> 

其次，在CSS

#idname a:link {} 
#idname a:visited{} 
/* etc */ 

Answer 5

CSS選擇器有多個部分，用空格隔開。每個部分都從前一部分的子項（或子項的子項等）中選擇，如果是最後一項，則選擇整個頁面。 （如果存在諸如>之類的內容，則此行爲會發生變化，但這與此問題無關）

這些部件中的每一個都可以有多個用於過濾的內容。例如，你提到了a:link。這是兩個部分：a，它過濾它a標籤，並:link，它過濾到鏈接。如果你把它放在一起，它會說「a標籤是鏈接」。

如果使用此ID爲選擇器（#id），你可以像#header a:link，這將只針對a標籤這是在要素環節具有的header的id。