2010-03-16 96 views
4

我使用的模板,標題是div內。我想申請h1的稱號,但它變壞(在div樣式爲CSS,並沒有爲h1沒有造型)CSS,DIV和H1

通常這是它是什麼:

<div class="content-pagetitle">Title</div> 

我改變到:

<div class="content-pagetitle"><h1>Title</h1></div> 

但它壞了。

我tryed使用相同的造型content-pagetitleh1。它沒有工作

<h1>Title</h1> 

(它不會成爲相同內容PAGETITLE)

有沒有說「不任何造型適用於h1」的CSS代碼?

+1

這真的很難回答這個問題,沒有看到相關的CSS代碼。我相信它與CSS繼承有關,但在發佈代碼之前很難肯定地說。 – jessegavin 2010-03-16 20:04:03

+3

爲什麼不使用

標題

? – Zenya 2010-03-17 01:43:16

回答

5

可能會嘗試在H1

h1 { margin:0; padding:0 } 

消除利潤率和填充我會鼓勵你去探索你的DOM(通過螢火蟲或同等學歷),看看它們被應用到H1風格。您可能需要更多指定的選擇器才能將上述規則應用於特定的h1元素。

4

瀏覽器已經試圖合理顯示有效的HTML文檔,即使它沒有附帶的CSS默認樣式。這通常意味着h1元素將獲得額外的填充,較大的字體大小,較粗的字體重量等。

處理這些問題的一種方法是使用reset stylesheet。這可能是矯枉過正這裏,所以你可能只是想用螢火蟲或東西來確定要殺死特定的風格,並覆蓋它們。

如果你有麻煩您的樣式覆蓋,堆更多選擇添加更多specificity

3

有沒有一個CSS代碼說「不適用於任何樣式到h1」?

不是這樣,沒有。 但是...

您可以做的是將'inherit'指定爲h1的屬性的值。不過,這在所有情況下都不太可能發揮作用。假設:

div#content-pagetitle { 
background-color: #fff; 
color: #000; 
font-size: 2em; 
font-weight: bold; 
} 

h1 { 
background-color: inherit; /* background-color would be #fff */ 
color: inherit; /* color would be #000 */ 
font-size: inherit; /* font-size would be 2*2em (so 4* the page's base font-size) */ 
font-weight: inherit; /* font-weight would be bold */ 
} 

可能可以增加選擇的特殊性,通過使用:

div#content-pagetitle > h1 

div#content-pagetitle > h1#element_id_name 
1

我知道這是舊的文章,但這裏是我會做什麼...
定義所有h標籤像往常一樣,那麼對於具體的風格,這樣做

<h1 class="specialH1"> ... </h1> 

,並在你的CSS

h1.specialH1 (
/* style attributes */ 
) 

我認爲是一個乾淨的解決方案,併爲您提供全面控制,而不必更改或重置您的默認h標籤。
它也避免使用任何選擇提高型的黑魔法巫術的xD

反正...只是我的意見了......希望這有助於任何人