<p>の後に<h2>の後の最初の<p>段落と<h2>の上端から上余白を削除するにはどうすればよいですか?

How to top margin from first

paragraph after

? and if any h2 comes after p then either p should not have bottom margin or h2 should not have top margin

私は持っています

h2
p

h2
p

3

4 答え

How to remove top margin from first

paragraph after

?

これを使って:

h2 + p {
    margin-top: 0;
}

+ is the adjacent sibling selector. It's supported in IE7+ and all modern browsers.

h2がpの後に来る場合、pのどちらかにボトムマージンを持たないか、または   h2には上限がありません

+ をまったく同じ方法で使用します。

p + h2 {
    margin-top: 0;
}

それらを組み合わせることもできます:

h2 + p, p + h2 {
    margin-top: 0;
}
11
追加された
ありがたいですし、 h2 p の後に来る場合は、 p に下余白を入れないか、 h2 上端がない
追加された 著者 Jitendra Vyas,
はい、実際には h2 でしたので、後で編集した h1 と入力してください。
追加された 著者 Jitendra Vyas,
@BoltClock - この質問を今編集するか、新しい質問をするべきですか?
追加された 著者 Jitendra Vyas,
@BoltClock - 私は編集しました
追加された 著者 Jitendra Vyas,
@ JitendraVyas:あなたは元の質問でそれを言及していたはずです。
追加された 著者 BoltClock,
あなたはそれが関連しているので、これに編集することができます。
追加された 著者 BoltClock,
卑劣なJitendraは以前は h1 でした。ありがとう@ BoltClock。
追加された 著者 thirtydot,

このセレクタを使用します:

h2 + p {
    margin-top: 0;
}
2
追加された
私はh1 + pの後にしたい:最後の子供のCSS
追加された 著者 ravi patel,

お試しください

Some header

Some paragraph content

あなたのCSSであなたが書く

.noTop{
 margin-top:0px;
}

そして、あなたがh1の下に置くすべてのpについて、クラスnoTop(またはあなたが選んだ別のクラス)を追加することができます。

2
追加された
これは、プラットフォーム間で最も安全なソリューションです。それは他の状況のた​​めにも多用途です。オブジェクトに意味のあるクラスを追加することは、スタイルを管理する最善の方法です。コンテンツとスクリプトとは別のスタイルを維持します。
追加された 著者 Billy Moon,

ブロックを追加してクラスを追加する

CSS:

.block{
enter code here
0
追加された