申請一個：之前不用於圖像

我最近完成了一個網站wordpress並修改了一個模板。現在我的客戶想要一個text-links前一個元素，所以我嘗試添加一個：之前如圖所示申請一個：之前不用於圖像

a:before { 
    content:url('triangle.png'); 
    width:3px; 
    height:5px; 
    margin: 5px; 
}

它做什麼，偉大的工程至今：

enter image description here

但我的問題是，我在我的網站上也有圖片鏈接，它使我的佈局崩潰。

是否可以將a:before僅應用於textarea中的鏈接？

來源

2014-03-28 user3472227

你有錨標籤textarea的？從來沒有這樣做過。無論如何，在css中嘗試'textarea a：before'而不是'a：before'。 –

請仔細檢查每個網頁，因爲您沒有使用特定類名稱進行造型。這種造型也有90％的可能性也被應用於其他錨元素。 –

yeppp ...仍然有問題在這裏：/ http://puu.sh/7Mzgt.jpg – user3472227

你嘗試以下操作：

a:before > img { 
    content:""; 
    width:3px; /*maybe these styles are also not necessary for your layout*/ 
    height:5px; /* then you can set them al to 0 */ 
    margin: 5px; 
}

來源

2014-04-08 00:08:44 brobken

可能希望孩子特定的選擇器'a：before> img {'而不是（any-）後代選擇器'a：before img {' –

@Stephen P：謝謝你的評論！我會相應地改變我的答案。 – brobken

申請一個：之前不用於圖像

回答

相關問題