mozilla

Compare Revisions

::before (:before)

Change Revisions

Revision 6473:

Revision 6473 by Sheppy on

Revision 6474:

Revision 6474 by j.j. on

Title:
:before | ::before
:before | ::before
Slug:
CSS/:before
CSS/:before
Tags:
css, "CSS Reference", Selectors, NeedsMobileBrowserCompatibility
css, "CSS Reference", Selectors, NeedsMobileBrowserCompatibility
Content:

Revision 6473
Revision 6474
n48      Although the positioning fixes in 3.1 do not allow content n48      Although the positioning fixes in Firefox 3.5 do not allow 
>to be generated as a separate previous sibling (as per the <a cla>content to be generated as a separate previous sibling (as per th
>ss="external" href="http://www.w3.org/TR/CSS21/generate.html#befo>e <a class="external" href="http://www.w3.org/TR/CSS21/generate.h
>re-after-content">CSS spec</a> stating "The :before and :after ps>tml#before-after-content">CSS spec</a> stating "The :before and :
>eudo-elements elements interact with other boxes...as if they wer>after pseudo-elements elements interact with other boxes...as if 
>e real elements inserted just inside their associated element."),>they were real elements inserted just inside their associated ele
> they can be used to provide a slight improvement on tableless la>ment."), they can be used to provide a slight improvement on tabl
>youts (e.g., to achieve centering)&nbsp;in that, as long as the c>eless layouts (e.g., to achieve centering)&nbsp;in that, as long 
>ontent to be centered is wrapped in a further child, a column bef>as the content to be centered is wrapped in a further child, a co
>ore and after the content can be introduced without adding a prev>lumn before and after the content can be introduced without addin
>ious or following sibling (i.e., it is perhaps more semantically >g a previous or following sibling (i.e., it is perhaps more seman
>correct to add an additional span as below, than it would to add >tically correct to add an additional span as below, than it would
>an empty &lt;div/&gt; before and after). (And always remember to > to add an empty &lt;div/&gt; before and after). (And always reme
>add a width to a float, since, otherwise, it will not float!)>mber to add a width to a float, since, otherwise, it will not flo
 >at!)
t147            7.0&nbsp; (CSS2 syntax <code>:before</code> since 4.0t147            4.0 <code>:before</code><br>
>) 
148            7.0 <code>:before | ::before</code>

Back to History