selector-pseudo-class-case.md

Pattern: Malformed case for pseudo-class

Issue: -

Description

Specify lowercase or uppercase for pseudo-class selectors.

  a:hover {}
/** ↑
 * This pseudo-class selector */

Examples

string: "lower"|"upper"

"lower"

The following patterns are considered problems:

a:Hover {}

a:hOvEr {}

a:HOVER {}

:ROOT {}

:-MS-INPUT-PLACEHOLDER {}

The following patterns are not considered problems:

a:hover {}

:root {}

:-ms-input-placeholder {}

"upper"

The following patterns are considered problems:

a:Hover {}

a:hOvEr {}

a:hover {}

:root {}

:-ms-input-placeholder {}

The following patterns are not considered problems:

a:HOVER {}

:ROOT {}

:-MS-INPUT-PLACEHOLDER {}

Further Reading

• stylelint - selector-pseudo-class-case