CSS Browser Tricks

CSS's console.log

Debugging CSS

* {
    /* outline takes up no space */
    outline: 1px solid limegreen !important;

    /* light background color */
    background: rgb(0 100 0 / 0.1) !important;
}

Commented out CSS

will appear in the browser dev tools, just crossed out!

Changing the color type

Shift click to cycle between color types

High level overview of CSS on a page

---

Last update: 2023-04-24