2013-10-30 28 views
0
<p><a href...><img... /></a></p> 

环节都经过他们的边界和raquo在css中,像这样:CSS:如何定位PA IMG

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

UPDATE: 做了搜索和替换添加类:

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

然后使用这个CSS:

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

您正在将东西应用于'a'标签,而不是'img',因此您无法将其删除。 – putvande

+0

我在想'img'是'a'的一个孩子,但现在明白它是内容,而不是一个元素。 – csleh

回答

0

不幸的是,这根本是不可能的。在CSS中没有“父选择器”,所以你不能根据它可能包含的元素来选择一个元素。

有很多选择,但它们都需要以某种方式更新锚标签本身,例如添加一个类。

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

好吧,我想也许有些奇特>或+会让我在那里。试图在不编辑html的情况下全局应用,但会搜索/替换以添加一个类。谢谢! – csleh

0

为了“在段落内的链接中定位图像”,您将需要使用此CSS选择器:

p a img{Your code}

0

您可以创建样式新CSS类属性来扭转你

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

样品CSS指定什么

.clearStyle{ /*attributes*/ } 
+0

我会添加一个类。我在回想。 – csleh