2011-02-24 122 views
6

任何人都知道如何在:before僞元素和內容實際啓動的位置之間添加填充?添加填充:在css中的僞元素之前

<ul> 
    <li><strong>Name Surname</strong></li> 
    <li>+27.082.555.4155</li> 
</ul> 

我只想要第一個li有一個項目符號點,只有它有一個強大的元素。

我有權用得到它:

.fr_contactInformation ul li strong:before 
{ 
    content:url(/App_Themes/2011/images/hm_listImage.gif); 
} 

.fr_contactInformation ul li strong 
{ 
    /*Here is where I am going wrong*/ 
    padding-left: 50px; 
} 

謝謝大家!

回答

9

你可以把填充在裏面和元素

.fr_contactInformation ul li strong:before 
    { 
     content:url(/App_Themes/2011/images/hm_listImage.gif); 
     padding-left:50px; 
    } 
+4

你大概意思填充-對。 – Tgr 2013-08-20 09:16:05

+0

填充權爲我工作。謝謝Tgr。 – KevinIsNowOnline 2016-03-30 07:09:04

2

感謝亨利·之間的前騰出空間,但是,將填充到整個元素。

我想這和它的工作:

 .fr_contactInformation ul li strong:before 
     { 
     content: url(/App_Themes/2011/images/hm_listImage.gif) " "; 

     } 

通過在圖像網址後面添加一個倒立的意見一定的空間,它創建了一個缺口我一直在尋找的圖像元素和內容之間。

然後我在li上使用了一個負邊距來使其恢復到原位。

感謝;)

4

如果您想通過像素進行控制,並且假設你只需要在第一次裏的子彈,這裏就是你要找的內容:

.fr_contactInformation ul li.first strong:before 
{ 
    content:url(/App_Themes/2011/images/hm_listImage.gif); 
    padding-right: 20px; 
}