tool · one of 34 free, no counter

Site styles

Q: What gets stripped out of my CSS?

@import and any off-site url(). The first would make the page fetch a stylesheet it never asked for; the second would make it fetch an image. The panel says which it removed rather than doing it quietly.

Can I keep a CSS fix for one site and have it come back?

This is the one thing in the panel that is deliberately not ephemeral. A stylesheet you wrote for a site is a standing choice about that site rather than a mode or an edit, so it is stored per origin, applied in the controller’s constructor before anything else, and left standing by the reset that clears every overlay.

Reach it Press ⌘ + K on any tab and type site styles. Ctrl + K on Windows and Linux

A stylesheet written for one site, still there on the next visit

reads nothing - you write it

writes one style element, last in the head

sends nothing

stored per origin, capped and evicted

cleaned @import out, off-site url() to none

off removes the element rather than emptying it

plan free

Add LoupeKit

TWO BUILDS 9 browsers

Chrome from the Chrome Web Store Firefox from addons.mozilla.org Edge from Microsoft Edge Add-ons Brave takes the Chrome build Opera takes the Chrome build 4 more the Chrome build

in the panel · free, no counter

section#about

What this actually is

a stylesheet you write for one site, kept and re-applied

For the sticky header that covers the thing you are reading, the site whose line height is unusable, or a staging environment that needs a visible banner. Also for temporarily hiding a component while you photograph a page.

section#asked

Asked about this tool

4 of them

Why is the style element last in the head?

Because that is what lets an override of equal specificity win without !important. Putting it in the body or in a shadow root would change how the cascade resolves it.

What gets stripped out of my CSS?

@import and any off-site url(). The first would make the page fetch a stylesheet it never asked for; the second would make it fetch an image. The panel says which it removed rather than doing it quietly.

Does Clear LoupeKit changes remove it?

No, and that is deliberate. Every overlay and every live edit goes; the site stylesheet stands, because it is a decision about the site rather than something you were doing to the page just now.

Is it stored per page or per site?

Per origin, with a cap and least-recently-written eviction - so the store cannot grow into a record of where you have been.

how to use site styles

Open Site styles and write the CSS this origin should keep.
It is stored per origin, applied first, and left standing by the reset that clears everything else.
@import is stripped and off-site url() is set to none before any of it is applied.
Switch it off and the style element is removed rather than emptied.

Add LoupeKit

TWO BUILDS 9 browsers

Chrome from the Chrome Web Store Firefox from addons.mozilla.org Edge from Microsoft Edge Add-ons Brave takes the Chrome build Opera takes the Chrome build 4 more the Chrome build

70 of these · no host permissions · three free audits