css：如何定位p 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 img{Your code}

Answer 2

您可以在新的CSS类中创建样式属性，以反转在

中指定的内容

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

示例CSS

.clearStyle{ /*attributes*/  }

Answer 3

不幸的是，这根本不可能。 CSS中没有“父选择器”，因此您无法根据它可能包含的元素选择元素。

有许多替代方案，但所有这些方法都需要以某种方式更新锚标记本身，例如添加类。

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