4

CSS と最新の Chrome または Firefoxを使用して、最初のタグから上部マージンを自動的に削除する<h1>ことは可能ですか? それとも jQuery を使用する必要がありますか?

4

5 に答える 5

9

あなただけのh1:first-child { margin-top: 0px; } デモが必要です

于 2012-04-16T21:38:10.730 に答える
3

セレクターがない:first-of-pageので、CSSを確実に使用することはできません。CSSでは、親や前の兄弟が何であれ、ページからすべてのh1を抽出し、最初の1つだけを取得する方法はありません。
h1要素についてもう少し知る必要があります。

例：

  • body > header最初のh1が（またはHTML 4.01の#header ）の（最初で唯一の）子でもある場合は、最初のh1を選択できます。
  • すべてのh1が兄弟である場合、それh1:first-of-typeは確かに最初のものです
  • 最初のh1がセクションのメインナビゲーションの直後にある場合は、それbody > nav + section > h1を選択します。または多分body > header > nav + section > h1:first-of-type
于 2012-04-16T23:11:56.307 に答える
0 
div#content h1:first-child { margin-top:0; }

私の知る限り、これは IE6 では機能せず、IE7 ではバグがある可能性があります。

于 2012-04-16T21:36:48.360 に答える
0

疑似セレクター。

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

これらは Failbrowsers (IE 7 以前) ではサポートされていないため、jQuery バックアップ ソリューションが必要な場合があることに注意してください。

于 2012-04-16T21:36:57.407 に答える
0

次のように、h1 タグにクラスを追加します。

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

次にCSSで：

.first
{
    margin-top: 0;
}
于 2012-04-16T21:38:06.230 に答える