標籤如何從對方繼承？

Question

我有p的定義如下：

.contact p { 
    margin: 5px 0 0 10px; 
    font-size:0.875em; 
    color: gray; 
} 

我想下面的電子郵件鏈接繼承一切，從p還有：

.contact a:link { 
    text-decoration: none; 
} 

我該怎麼做呢？

Answer 1

要獲得.contact a具有相同的風格爲您p，只列出你的選擇，用逗號分隔，就像這樣：

.contact p, .contact a { 
    margin: 5px 0 0 10px; 
    font-size:0.875em; 
    color: gray; 
} 

Answer 2

.contact p, .contact a { 
    /* your styles */ 
} 

Answer 3

沒有在這種方式CSS提供繼承。您將不得不修改.contact p選擇器，以便它也選擇a。喜歡的東西：

.contact p, .contact a { /* Your styling */ } 

另一種選擇是使用CSS預處理器一樣SASS或LESS，這與一些方便的功能，如變量，混入，嵌套規則等多繼承和變量LESS，你可以擴展CSS完成如下的繼承：

.rounded-corners (@radius: 5px) { 
    border-radius: @radius; 
    -webkit-border-radius: @radius; 
    -moz-border-radius: @radius; 
} 

#header { 
    .rounded-corners; 
} 
#footer { 
    .rounded-corners(10px); 
}