Rules Hub

Coding Rules Library

← Back to all rules

Rule priority, scope & exceptions

Use this to align rules with the senior-level structure (P0/P1/P2, scope, exceptions/tradeoffs).

PriorityP2 — style, consistency, readabilityScopeUniversal — language-agnostic, broadly applicable

Exceptions / tradeoffs (EN)Iznimke / tradeoffi (HR)

frontend ruleP2universalStack: css

cssselectorssimplicityclean-code

Use the narrowest selector that achieves the override

Replace a long chain of state selectors with the single condition that actually matters when nothing else needs covering (e.g. :not(.active):hover instead of listing every pseudo-state).

PR: frontpage-web · org-mining-hist-2026-06Created: Jun 18, 2026

Bad example

Old codescss

1	`&, &:active, &:focus, &:visited, .no-touch &:hover { border-color: transparent; }`

Explanation (EN)

Objašnjenje (HR)

Good example

New codescss

1	`&:not(.active):hover { border-color: transparent; }`

Explanation (EN)

Objašnjenje (HR)

Login required