css - CSS を使用して別のタグに固有のコンテンツを持つタグのスタイルを設定するにはどうすればよいですか?

Question

CSS を使用して別のタグに固有のコンテンツを持つタグのスタイルを設定するにはどうすればよいですか?

たとえば、私はこれを持っています：

<p>paragraph one</p>
<p>paragraph <span>two</span></p>
<p>paragraph three</p>

<p>このタグにはタグが含まれているため、「段落 2」を赤色で表示したいだけです<span>。

(CSS のみを使用し、HTML を変更しないでください。)

Answer 1

今のところ、純粋な CSS ではできません。CSS4 の将来の仕様になる可能性があります (参照)。

ただし、そのためにjQueryとその:hasセレクターを使用できます。

$('p:has(span)').addClass('red');

css を使用すると、次のようになります。

.red{
    color:red;
}

この小さなフィドルを見てください