css - CSS 隣接セレクターが機能しない

Question

次のことを行う CSS 隣接セレクターを作成しようとしています。

タグでラップさ<ul>れたタグが前にある順序付けられていないリストをすべて選択します。strongp

したがって、次の HTML 構造があるとします。

<p><strong>Headline</strong></p>
<ul>
    <li>list item</li>
</ul>

これは次のように機能します。p strong + ul{}

しかし、そうではありません。どうすればいいですか？

score 3 · Accepted Answer

はのul兄弟であり、pではありませんstrong:

   p   + ul
strong | li

そのため、セレクターは機能しません。

pここでの問題は、CSS を使用してがある場合にのみを選択できないためstrong、純粋な CSS セレクターではこれが不可能になることです。(そして、誰かが尋ねる前に、セレクター 4 のサブジェクトセレクターでもおそらく不可能です。)

p適切なクラス名を指定するか、JavaScript を使用して DOM をトラバースするなど、別の方法を見つける必要があります。

1 に答える 1