mozilla

Compare Revisions

::before (:before)

Change Revisions

Revision 508873:

Revision 508873 by Haraldson on

Revision 513393:

Revision 513393 by shybloo on

Title:
::before (:before)
::before (:before)
Slug:
Web/CSS/::before
Web/CSS/::before
Tags:
"NeedsMobileBrowserCompatibility", "CSS", "Reference", "Référence", "CSS Pseudo-element", "Web", "Layout"
"NeedsMobileBrowserCompatibility", "CSS", "Reference", "Référence", "CSS Pseudo-element", "Web", "Layout"
Content:

Revision 508873
Revision 513393
n34      One simple example of using psuedo-elements is to provide qn34      One simple example of using pseudo-elements is to provide q
>uotation marks. Here we use both <code>::before</code> and <code>>uotation marks. Here we use both <code>::before</code> and <code>
>::after</code> to insert quotation characters.>::after</code> to insert quotation characters.
n41  content: "»";n41  content: "<span style="line-height: normal;">«</span><span styl
 >e="line-height: normal;">";
42  color: blue;42</span><span style="line-height: normal;">  color: blue;
43}43</span><span style="line-height: normal;">}
44q::after { 44</span><span style="line-height: normal;">q::after { 
45  content: '«';45</span><span style="line-height: normal;">  content: "</span><spa
 >n style="line-height: normal;">»"</span><span style="line-height:
 > normal;">;
46  color: red;46</span><span style="line-height: normal;">  color: red;
47}47</span><span style="line-height: normal;">}</span>
t65      In this example we will create a simple todo list using psut65      In this example we will create a simple todo list using pse
>edo-elements. This method can often be used to add small touches >udo-elements. This method can often be used to add small touches 
>to the UI and improve user experience.>to the UI and improve user experience.

Back to History