結合CSS屬性

Question

我想結合我的一些CSS的，它是一種容易的問題，但我種的有一些麻煩，我有這樣的代碼：

h2.post-title, h2.post-title a{ 
    display:block; 
    background-color:#000; 
    padding:3px; 
    color:#ffffff; 
    text-decoration:none; 
    text-transform:uppercase; 
    font:lighter 130% Georgia, Arial; 
} 

我需要兼得那裏的選擇者？唯一一次我將使用h2.post-title這將是一個鏈接。任何建議，我試圖刪除第一個，但它使它巨大。

想法？

Answer 1

如果您刪除了h2字體樣式，它將恢復爲其相當大的默認字體大小。你可以單獨設置它：

h2.post-title { 
    font-size:130%; 
} 

但是它會佔用更多的空間，而不是簡單地將兩個選擇器設置爲相同的樣式。我的建議 - 保持原樣，除非你有充分的理由去改變它。

Answer 2

事情是「h2.post-title a」只適用於<a> -element你的代碼。瀏覽器在<h2> -tag上使用標準css！

讓對你的HTML一看：

<h2 class="post-title"><a href="#">Clickable title</a></h2> 

您需要規則來既<H2>和<一個> - 標籤。爲此，您需要在樣式表中包含h2和a（如您所述）。

解決方案可能是刪除默認樣式<h2>，這可以通過您在互聯網上找到的許多reset css規則來實現。

另一個解決方法是將類spesification從「H2」移動到「A」（和風格只是「a.post標題」屬性中的CSS）：

<h2><a class="post-title" href="#">Clickable title</a></h2> 

也許您可以完全刪除<h2> -tag，只需打印出<a>。但是這可能會打破你的語義。