0

セクションを使用して、ページのさまざまな部分を決定しています。これらのセクションの下余白は 90px ですが、「clients-full」という ID を持つセクションがページに作成/配置されると、その前/上に表示されるセクションの下余白を 0 にしたいのですが、できますか?これはCSSセレクター/疑似セレクターを使用していますか?

現在、このコードは 'clients-full' の ID を持つセクションのスタイルを設定していますが、その前にあるセクションに 0 の下マージンを適用できるように逆にすることはできますか?

 section + section#clients-full {
    margin-top: -90px; // Negative margin to get around this problem...not ideal.
 }
4

1 に答える 1

1

現在実装されているCSSで定義されているように、セレクターは、要素の後に続くものに応じて要素を選択する方法では使用できず、その前にあるものにのみ使用されます。まあ、セレクターリンク:nth-last-child(...)はある意味で例外ですが、このような場合には役に立ちません。

したがって、より良いアプローチは、セクションに上マージンを設定してセクションを分離し、必要に応じて最初のセクションを特別な場合（上マージンなし）として扱い、おそらく最後のセクションを使用して:last-ot-type（下マージンを設定する場合）必要）。次に、を使用するだけで、説明されているケースを簡単に処理できます#clients-full { margin-top: 0; }。

于 2012-09-28T11:13:28.060 に答える