css - 画像なしの段落を選択

Question

サンプルの HTML は次のとおりです。

<p>Hello</p>
<p>World</p>
<p><img src="catpic.jpg" /></p>

text-indent段落に画像が含まれていない場合、すべての段落に適用するにはどうすればよいですか。

この場合、最初の 2 つの要素のみが選択されます。

p [insert magic] { text-indent: 2em; }

CSS3 は使えますが、JavaScript は使いたくありません。また、既存の要素に余分なクラスなどを追加することはできません。

Answer 1

できません。これには、DOM ツリーを下って画像が存在するかどうかを確認し、戻って段落にテキスト インデントを付ける必要があります。

あなたの最善の策は、すべてのpタグにテキストインデントを付けてから、同じ値imgのネガティブを与えることだと思いますmargin-left