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 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: "" }