View Categories

Glossary: Override Prescription

< 1 min read

An override prescription is a CSS rule generated by Loupely Lens that, when added to your site, will beat the rule currently winning on the property you’re trying to change.

Lens selects the selector specificity needed to win the conflict without affecting other elements, and offers a scoped variant (prefixed with the current page’s body class) when the base selector matches more than one element on the site. When a CSS Variable is involved, Lens provides an alternative that updates the variable at its definition point rather than overriding the resolved value.

Override prescriptions are only generated when Lens can determine a safe, specific fix. When it can’t (for example, because the winning rule is a JavaScript-set Inline Style), Lens shows a cannot-override message and routes to developer handoff instead.

See The Override Prescription for a full explanation of each variant and where to paste it.