CODEWITHSUNDEEP
cssdeveloper-toolsfirefox-developer-tools
Leopold Kristjansson
Leopold Kristjansson

Reputation: 2784

Firefox developer tools adding a new rule?

I decided to try out the built in Firefox Developer Tools. Seems to be nice, but...

I can't find out how to add a new rule to the CSS from Inspector/Rules. By that I mean ".my-new-rule" not just the "element" rule that is open by default.

FINAL EDIT: This is now possible with the latest Firefox update.

Upvotes: 6

Views: 1296

Answers (2)

Jacob G
Jacob G

Reputation: 14172

Update:

As of FF 33.00 it is now possible to add new CSS rules using the inspector!

It is not possible to use the inspector to create new CSS rules with out a browser add-on (see comment below).
Just use the style editor. Type anywhere to make a new rule: enter image description here

enter image description here

Upvotes: 7

pbrosset
pbrosset

Reputation: 749

As of Firefox 33 (in nightly right now https://nightly.mozilla.org/), this works.

When you have a node selected in the inspector, you can click on any of the selectors in the "Rules" sidebar to edit them.

Upvotes: 3

Related Questions