2013-05-14 82 views
-1

這是一些我很想做的事情。如何標記多個元素?

我有一個網站,所有的「a」標籤都有藍色鏈接樣式。我有一個包含鏈接的標題,我想從中刪除默認的藍色鏈接,並將其設爲橙色。下面是它的外觀現在:

<h1 class="site-name"> 
     <a href="/" title="Home" class="active">MySite.com</a> 
</h1> 

所以基本上我想寫一些CSS,這將使我的「MySite.com」是橙色,而不是有默認的藍色鏈接,您熟悉。我不想改變「a」風格,因爲我不希望每一個鏈接都有這個,只有這一個。

我設法做有風格方式的一部分,

h1.site-name {   
font-size:36px; 
     text-decoration:none; 
     color:#ff5312; 
    } 

不過,我在它的CSS使用Firebug更新看,但它並沒有改變鏈接的顏色。然後我試着

h1.site-name.a 

但這並沒有工作。我需要做些什麼來達到這個「a」標籤,但只有這個標籤才能讓它看起來像我想要的樣子?

感謝您的任何見解。

+1

'h1.site-name a' – Passerby 2013-05-14 03:45:33

+0

關鍵是'a'不是一個類,它是一個標籤。只有類以「。」開頭(正如只有ID後面有一個'#')。 – 2013-05-14 03:48:19

+0

必須等待10分鐘,直到我可以接受一個答案..但將接受他的一次它讓我當然.. – king 2013-05-14 03:53:27

回答

6

更換h1.site-name.a

h1.site-name a 

你不需要把. here.Because它不是一個class它是一個標籤。

h1.site-name a{   
    font-size:36px; 
    text-decoration:none; 
    color:red; 
} 
+0

謝謝大聲笑..這麼簡單... – king 2013-05-14 03:47:21

1

h1.site-name a或只是.site-name a

0

嘗試使用h1.site-name a代替h1.site-name.a

h1.site-name a{   
font-size:36px; 
     text-decoration:none; 
     color:red; 
    } 
0

試試這個:

h1.site-name a {   
     font-size:36px; 
     text-decoration:none; 
     color:red; 
    } 

這將找到<a></a>標籤在側<h1></h1>