有沒有辦法使用鏈接的CSS覆蓋鏈接中的「h6」標籤的CSS？

在一個給定的容器，我有裏面另一個元素一堆鏈接，就像這樣：有沒有辦法使用鏈接的CSS覆蓋鏈接中的「h6」標籤的CSS？

<div class="container"> 
    <a href="whatever.com"> 
      <h6>Link Text Here</h6> 
    </a> 
</div>

而且我有我想要使用格式化「容器」類中的所有鏈接CSS：

.container a { 
    color: #00f; 
}

但是，還有其他外部樣式表將「h6」的顏色設置爲別的東西。有沒有辦法讓我的CSS在「容器」中的鏈接覆蓋任何其他人提供的「h6」？我不想覆蓋「容器」中的所有「h6」，因爲有一些「h6」標籤，它們是而不是鏈接。

不會'.container h6 {...'工作嗎？您的CSS在其他CSS之前或之後加載？ – j08691 2012-04-17 16:50:21

你知道這個語法（'a'標籤中的塊元素）僅在HTML5中有效，對吧？ – ceejayoz 2012-04-17 16:54:27

我想你可以使用！important來提供重寫。

.container a h6 
    { 
     color: red !important; 
    }

2012-04-17 16:50:51 cgatian

在「a」標籤上的「！important」和在「h6」標籤上的「inherit」組合起來的訣竅 - 感謝 – Dasmowenator 2012-04-17 17:19:13

甜！快樂的編碼。 – cgatian 2012-04-17 23:34:18

.container a, 
.container a h6 { 
    color: #00f; 
}

2012-04-17 16:50:39

如果您一直在鏈接中使用h6，我會設置嵌套在A標記中的h6元素。該CSS是這樣的：

.container a h6 {color:666;}

這是告訴CSS尋找到容器類，找到鏈接，和風格只有一個標籤內的H6。

2012-04-17 16:53:31

難道h6標籤上已經有顏色了，這隻會被忽略？這就是爲什麼你需要！重要的？ – cgatian 2012-04-17 16:54:53

當然可以，但只要您在第一次h6減速時將鏈接h6減速，就可以避免使用！重要。我個人嘗試使用！重要的是作爲最後的結果 – 2012-04-17 17:03:19

我想，我可能是錯的，你要尋找的是這樣的：

.container a h6 { 
    color: inherit; 
}

這樣做的好處這種方式是你給任何顏色的含<a>將級聯直到h6而不必明確地設置它。這樣你只聲明一次顏色。更易於維護和可讀性。好極了！

（這將在IE8 +上工作）

2012-04-17 16:59:26 idrumgood

回答