2013-10-30 29 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