Question 241083 in Html Question posted in
Some basic documentation can be found here.

Html – Is it possible to detect a CSS rule change for a class with Chrome dev tools?

I have included a stylesheet on the page, and then tweak it with "styles" panel in Chrome. Is it possible (with an extension) to get notified about such in-place edits of styles in that stylesheet when working with dev-tools? I know how to do it for styles of individual elements, but I’m not editing the style, but the class rule in the stylesheet itself.

Tags:

2

Answers


  1. 0

    Yes!

    Add a CSS class to an element
    Use the Styles pane to see how an element looks when a CSS class is applied to or removed from an element.

    Right-click the Add a class to me! element below and select Inspect.

    Add a class to me!
    Click .cls. DevTools reveals a text box where you can add classes to the selected element.

    Type color_me in the Add new class text box and then press Enter. A checkbox appears below the Add new class text box, where you can toggle the class on and off. If the Add a class to me! element had any other classes applied to it, you’d also be able to toggle them from here.

    Refer this:
    https://developer.chrome.com/docs/devtools/css/

    Login or Signup to reply.
Please signup or login to give your own answer.

Back To Top
Search