8

CSS を使用して見出しの後の最後の段落を編集する方法を探しています。

うまくいくと思っ#div h1 ~ p:last-childたのですが、2 番目の見出しをスキップして、リストの前の最後の段落を編集してしまいます。私はしばらく探していて、いくつかの高度な css ヘルプ サイトに出くわしましたが、それらは最も一般的な高度なセレクターで繰り返されています。

HTML:

<h1>Heading</h1>
<p>content</p>
<p>content</p>
<p>content</p>

<h2>Heading</h2>
<p>content</p>
<ul>
      <li>list</li>
      <li>list</li>
</ul>

CSS:

#contentContainer > h1 ~ p:last-of-type {
    border-bottom: 1px solid #000;
}
4

2 に答える 2

4

チルダ文字は、一般的な兄弟セレクターを表します。

一般的な兄弟コンビネータセレクターは、隣接する兄弟コンビネーターセレクターと非常によく似ています。違いは、選択されている要素が最初の要素の直後に続く必要はなく、その後のどこにでも表示できることです。

これは、100個の異なるタグ（たとえば、h2、h3、div、imgなど）の後である可能性があり、cssが引き続きそれに影響することを意味します。

私の知る限り、要素はすべて同じレベルにあり、CSSは「実行する」ほど高度ではないため、実行しようとしていることを実行できるセレクターまたはセレクターの組み合わせはありません。別の要素にぶつかる前にこれを」。

申し訳ありませんが、私が間違っている場合は、私があなたのためであることを願っています。

于 2012-09-23T21:12:18.347 に答える