css :hover elements can't edit them?

41 views
Skip to first unread message

DotnetShadow

unread,
Feb 20, 2008, 5:07:49 AM2/20/08
to Firebug
Hi there,

I was wondering how I can inspect a :hover element and see it's css.
On certain pages I can see the css style while I'm hovered but by the
time I go to click on the Style part so I can edit it, it disappears.

Take for example this page:
http://www.hunlock.com/blogs/Yahoo_Pipes--RSS_without_Server_Side_Scripts

When u hover over the second grey box you can see .code:hover css in
the style tab but when you mouse off it disappears.

How can I mouse off so that the style remains so I have a chance to
edit it?

Regards Dotnetshadow

Ruda M.

unread,
Feb 22, 2008, 11:17:04 AM2/22/08
to Firebug
Hi,

it is pretty co-incidence that I am looking for similar answer right
now.

When you inspect "a" element, the CSS code displayed in the CSS window
does not display styles for "a" elements although they are available.

The same applies for a:hover. This is even worse, since you even won't
see a:hover in the Xpath. It would be nice to have something like item
in a right click menu (e.g. when you click xpath) to switch different
dynamic pseudo classes.

Is this really unsupported by firebug (for now), or am I missing
something?

Regards,


Ruda M.

On 20 Ún, 11:07, DotnetShadow <roberto...@gmail.com> wrote:
> Hi there,
>
> I was wondering how I can inspect a :hoverelement and see it's css.
> On certain pages I can see the css style while I'm hovered but by the
> time I go to click on the Style part so I can edit it, it disappears.
>
> Take for example this page:http://www.hunlock.com/blogs/Yahoo_Pipes--RSS_without_Server_Side_Scr...
>
> When uhoverover the second grey box you can see .code:hovercss in

John J Barton

unread,
Feb 22, 2008, 2:11:29 PM2/22/08
to Firebug

DotnetShadow

unread,
Mar 19, 2008, 2:18:07 AM3/19/08
to Firebug
Yeah this could be related but try with this link:

http://www.hunlock.com/blogs/Yahoo_Pipes--RSS_without_Server_Side_Scripts

Step 1) Hover over the first grey box you see in the middle of the
page

Step 2) Look at the right hand side you will notice .code:hover css in
the style table

Step 3) Try and click on the style so you can edit it... PROBLEM the
style disappears before you have a chance to edit it



On Feb 23, 6:11 am, John J Barton <johnjbar...@johnjbarton.com> wrote:
> Is this related:http://code.google.com/p/fbug/issues/detail?id=452
>
> On Feb 22, 8:17 am, "Ruda M." <rudolf.matou...@gmail.com> wrote:
>
> > Hi,
>
> > it is pretty co-incidence that I am looking for similar answer right
> > now.
>
> > When you inspect "a" element, the CSS code displayed in the CSS window
> > does not display styles for "a" elements although they are available.
>
> > The same applies for a:hover. This is even worse, since you even won't
> > see a:hoverin the Xpath. It would be nice to have something like item
Reply all
Reply to author
Forward
0 new messages