Code Inspections in CSS
In CSS, ReSharper 2023.1 provides 22 proprietary code inspections, any of which you can disable or change its severity level.
These code inspections help you detect code issues in design time in all open files, and additionally they allow you to find code issues in specific scope.
Configurable CSS inspections are listed below, grouped by their categories.
Common Practices and Code Improvements (1 inspection)
This category groups inspections that hunt for medium severity issues that mainly affect code readability.
Two colons preferred
Potential Code Quality Issues (17 inspections)
This category includes inspections that detect critical issues (code smells), mostly with Error or Warning level. This category also includes inspections that ensure localization assistance.
Cannot resolve file system path
CSS feature is not supported by specific browsers
CSS feature requires vendor prefix for specific browsers
CSS symbol / syntax is not compatible with specific browsers
CSS symbol is obsolete
Invalid hexadecimal value of color
Property does not override vendor-prefixed property
Requires fallback color
Syntax is not allowed in specified CSS version
Two colons expected
Unknown CSS class
Unknown CSS symbol
Unknown custom property
Unknown vendor-specific extension
Value is unexpected
Value should have units
Redundancies in Code (3 inspections)
Code inspections in this category look for redundancies and dead code, which affect code readability and style, and could be safely removed. Some code redundancies cannot be fixed automatically, and quick-fixes for them are performed in the interactive mode, requiring the user input. But the majority of the redundancies can be fixed without user interaction, using either fix in scope or code cleanup.
Redundant CSS hack
Redundant measure unit
Redundancies in Symbol Declarations (1 inspection)
This category includes code inspections, mostly with the warning severity level, which detect empty and unused symbol declarations.
Declaration is empty