Looks like this question got missed.
Those rules are at the top, because they are referring to pseudo-elements, in this case ::before and ::after. Those are always shown at the top and there is currently (Firebug 2.0.x) no way to hide them. This will change with Firebug 3, which integrates itself into the Firefox DevTools. Those tools display the pseudo-elements as separate nodes within the tree view at the left side. So the pseudo-element CSS rules are just shown when you click those nodes. See the following screenshot as an example for how this looks like: <https://lh3.googleusercontent.com/-GHtpL0Zy4Mk/Vkl6zAjF3BI/AAAAAAAAAic/lOk07G9DG_M/s1600/Pseudo-element%2Bwithin%2BInspector.png> Sebastian On Friday, April 10, 2015 at 8:33:07 PM UTC+2, jorelemondos wrote: > > HI fellow firebuggers, > > I would like to understand why, on a site with bootstrap (twitter) > installed, I see random CSS declarations that are always "above" my own > style declarations. So I always have to scroll down to see my own work. Is > there a way to change this? Thanks! > > > <http://i.imgur.com/Uv9Skur.png> > -- You received this message because you are subscribed to the Google Groups "Firebug" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/firebug. To view this discussion on the web visit https://groups.google.com/d/msgid/firebug/a72ed6f2-451e-437c-9a83-83f168771d66%40googlegroups.com. For more options, visit https://groups.google.com/d/optout.
