selector-nest-combinators.md

Pattern: Malformed combinator nesting in selector

Issue: -

Description

Require or disallow nesting of combinators in selectors.

Examples of selectors without nesting of combinators:

.foo .bar {}

.foo.bar {}

.foo > .bar {}

.foo:hover {}

Corresponding selectors with combinators nested:

.foo {
  .bar {}
}

.foo {
  &.bar {}
}

.foo {
  & > .bar {}
}

.foo {
  &:hover {}
}

Further Reading

• stylelint-scss - selector-nest-combinators