最新のCSSを使用して先頭の余白を取り除く

Question

CSSと最新のChromeまたはFirefoxは、最初の<h1>タグから先頭の余白を自動的に取り除くことができますか、それでもjQueryを使用する必要がありますか？

Answer 1

あなただけh1:first-child { margin-top: 0px; }DEMO

Answer 2

div#content h1:first-child { margin-top:0; } 

AFAIKこれはIE6では機能しません。IE7ではバグの可能性があります。

Answer 3

擬似セレクタ。これらはFailbrowsers（IE 7および以前）でサポートされていないので、あなたはまだjQueryのバックアップソリューションを必要とするかもしれないことを

h1:first-child { 
    margin-top: 0; 
} 

注意。

Answer 4

のように、H1タグにクラスを追加します。何:first-of-pageセレクタを使用すると、ないのでありません

.first 
{ 
    margin-top: 0; 
} 

Answer 5

が必要になります。そして、CSSに

<h1 class="first">Your text</h1> 

CSSを使用することはできません。 CSSでは、親と先行する兄弟が何であれページからすべてのh1を抽出し、最初のものだけを取り出すことはできません。
h1要素についてもう少し知る必要があります。

例：

• 、それはまた、（第1、またはのみ）body > headerの子（またはHTML 4.01で＃ヘッダー）
• だ場合、すべてのh1は、その後、兄弟である場合は、最初にH1を選択することができますh1:first-of-type最初のものです。
• セクション内のメインナビゲーションの直後に最初のh1がある場合は、body > nav + section > h1が選択されます。または、おそらくbody > header > nav + section > h1:first-of-type