CSS rules can be changed in both the Developer Tools Elements/Styles tab and by injecting code in the console. In the console, any rule can be changed and displayed, but the Elements/Styles tab gives further insight. CSS rules affect all of the presentation of the webpage, so changing styles can be very powerful.
See the below links for learning about editing CSS:
You can edit style in the console likewise:
document.getElementById("id").style.rule = value//sets CSS rule document.getElementById("id").style.rule = color//sets colour rule document.getElementById("id").style.rule = backgroundColor//sets background-color rule
Note: If the name of the CSS rule has a hyphen in it, like
font-size, it will be changed to one word with camelCase, like