css - css: pa img をターゲットにする方法

Question

<p><a href...><img... /></a></p>

リンクには、css でそれらの後にボーダーと raquo があり、次のようになります。

 p a:after, .content li a:after {content: "\00a0 \00bb";}

段落内のリンク内の画像だけを対象にして、このスタイルを削除するにはどうすればよいですか? CSS で後でこれを使用しても機能しません。

a img, #logo a, p a img {border:none;text-decoration:none;}
        a:after img {content:"";}

更新:クラスを追加するために検索と置換を行いました:

<p><a ([^<]*)><img
<p><a class="imagelink" $1><img

次に、このcssを使用しました：

   a.imagelink {border:none;} a.imagelink:after {content:"";}

Answer 1

新しい CSS クラスでスタイル属性を作成して、で指定したものを逆にすることができます

p a:after, .content li a:after {content: "\00a0 \00bb";}

サンプルCSS

.clearStyle{ /*attributes*/  }

Answer 2

残念ながら、これは単に不可能です。CSS には「親セレクター」がないため、含まれる要素に基づいて要素を選択することはできません。

多くの代替手段がありますが、いずれもクラスの追加など、何らかの方法でアンカー タグ自体を更新する必要があります。

p a.img-container:after { content: "" }

Answer 3

「段落内のリンク内の画像をターゲットにする」ためには、次の CSS セレクターを使用する必要があります。

p a img{Your code}