Add a new CSS class in Chrome developer tool

Question

Is it possible to add a whole new CSS class like this in Chrome dev tools?

.myclass {
    background-color: yellow;
}

Answer 1

On the Elements tab there's a styles tab which contains a small + button on the right side.

When you click here, you can add a whole new CSS class.

Once you've defined the new class, see Add a class to an element to learn how to apply it to an element. You could also just double-click the element in the DOM Tree on the Elements panel to add or edit the element's class attribute.