How do you apply style rule in Safari Web Inspector?

Question

Chrome Developer Tools allows you to apply a style rule in the Styles pane. I haven\'t found a way to do this in Safari (Style Rules pane). Any one know if it is possible?

Answer 1

1. Open the DevTools-like panel (CMD + OPT + C)
2. Click on the Elements tab
3. If it's not open yet, click on "Show the details sidebar" on the right (CMD + OPT + 0)

OR

1. Right-click element and select "Inspect Element"
2. If it's not open yet, click on "Show the details sidebar" on the right (CMD + OPT + 0)