Webmasters Stack Exchange is a question and answer site for pro webmasters. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

Is there a Firefox extension that will let me simply select a visible element on a page, get a CSS selector referring specifically to that element (as the Firefox Web Developer extension already does), and the TYPE IN SOME CSS that is immediately applied to that selector?

For example:

I have a page with some yellow text. I want to change the yellow text to red.

I want to be able to simply click on the yellow text, see that it can be referenced by the long and cumbersome CSS selector

#firsthalf.foo li #crazystuff .wishfulthinking b a #badidea

and then say

color: red !important;

and see the text turn red.

share|improve this question

Yes, Firebug will do just that.

Firebug

share|improve this answer

Your Answer

 
discard

By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.