CSS :before and :after are not visible in inspected elements CSS.
Richard Quadling
Using ...
<html>
<head>
<title>Show CSS Before and After issue</title>
<style type="text/css">
span { border: 2px solid green; }
span:before { content : 'BEFORE ['; border : 2px solid red; }
span:after { content : '] AFTER'; border : 2px solid blue; }
</style>
</head>
<body>
<span>Text</span>
</body>
</html>
In FireFox V3.6.6 and FireBug V1.6X.0a16 and V1.6X.0a17, the <span> is
rendered correctly, but I cannot find any information about
before/after in the inspected <span> tag.
The CSS tab shows the CSS (as expected), but there is nothing else.
Regards,
Richard Quadling.
Sebo
http://code.google.com/p/fbug/issues/detail?id=537
Greetings
Sebastian
John J Barton
On Jul 15, 3:00 am, Richard Quadling <rquadl...@gmail.com> wrote:
> Hi.
>
> Using ...
>
> <html>
> <head>
> <title>Show CSS Before and After issue</title>
> <style type="text/css">
> span { border: 2px solid green; }
> span:before { content : 'BEFORE ['; border : 2px solid red; }
> span:after { content : '] AFTER'; border : 2px solid blue; }
> </style>
> </head>
> <body>
> <span>Text</span>
> </body>
> </html>
>
> In FireFox V3.6.6 and FireBug V1.6X.0a16 and V1.6X.0a17, the <span> is
> rendered correctly, but I cannot find any information about
> before/after in the inspected <span> tag.
>
> The CSS tab shows the CSS (as expected), but there is nothing else.
jjb
>
> Regards,
>
> Richard Quadling.
John J Barton
handle these selectors.
jjb
>
> jjb
>
>
>
> > Regards,
>
> > Richard Quadling.
Richard Quadling
Oh. Just posted issue with images.
--
Richard Quadling
Twitter : EE : Zend
@RQuadling : e-e.com/M_248814.html : bit.ly/9O8vFY
Richard Quadling
> You received this message because you are subscribed to the Google Groups "Firebug" group.
> To post to this group, send email to fir...@googlegroups.com.
> To unsubscribe from this group, send email to firebug+u...@googlegroups.com.
> For more options, visit this group at http://groups.google.com/group/firebug?hl=en.
>
>
OMG What a terrible email. The one I sent that is.
And I've pretty much forgotten the issue, until I compared Chrome with FF+FB.
In Chrome and IE, when looking at the <span> the Styles show the
first-letter, before and after pseudo styles.
In FF+FB, doing the same thing (looking at the <span> in the HTML tab
and seeing what the style is), the <span> style is shown, but not the
pseudo styles.
Images attached.
Richard.
