CSS樣式應用於幾次

Question

從Chrome調試器：

element.style { 
} 

#title a:link,a:visited,a:hover,a:active { 
    color: #FF33CC; 
    text-decoration: none; 
} 

（低於這個一切都被勾銷），

nav a:link,a:visited,a:hover,a:active { 
    color: #000000; 
    text-decoration: none; 
} 

nav a:link,a:visited,a:hover,a:active { 
    color: #000000; 
    text-decoration: none; 
} 

#title a:link,a:visited,a:hover,a:active { 
    color: #FF33CC; 
    text-decoration: none; 
} 

#title a:link,a:visited,a:hover,a:active { 
    color: #FF33CC; 
    text-decoration: none; 
} 

我試圖找出爲什麼一個元素（標題）是沒有正確顯示。這正是它在html正文中的樣子：

<div id="title"> 
    <a href="link.html">link</a> 
</div> 

我知道當它被擊穿時，該風格沒有被應用。我不明白的是 a）爲什麼導航模式被調用？ b）爲什麼鏈接的標題樣式被多次調用？它第一次似乎能夠工作，但第二次它被擊穿了？ （在網站上，該元素目前只顯示爲黑色文本。）

在此先感謝！

Answer 1

您的樣式正在被調用，因爲導航父項只適用於選擇器的第一部分。基本上，你有這樣的：

nav a:link, 
a:visited, 
a:hover, 
a:active{ 

//style 

} 

你真正想要的是：

nav a:link, 
nav a:visited, 
nav a:hover, 
nav a:active{ 

//Style 

} 

同樣的事情會爲#title a:link, a:visited, a:hover, a:active

---

我的猜測爲什麼它試圖使用相同的多次CSS會是你在多個地方有相同的CSS。例如。你要麼

• 導入CSS兩次
• 導入兩個CSS文件有重複的風格
• 複製的CSS在一個CSS文件

檢查相關的行號，看看他們是否是相同的（意思是它實際上使用兩次完全相同的CSS）或不同的（這意味着你在多個地方有相同的CSS）。

Answer 2

您有：

#title a:link, a:visited, a:hover, a:active { 
color: #FF33CC; 
text-decoration: none; 
} 

，但它好像你需要的是：

#title a:link, #title a:visited, #title a:hover, #title a:active { 
color: #FF33CC; 
text-decoration: none; 
} 

標識牌都有每個逗號後纔會出現，否則你是造型的各個環節，不僅是帶#title id的。

希望有幫助！