Avoid using too specific selectors. This means that when you have any style you want that is an exception from the common styling, it will be easier to implement it and override the default applied styling.

Noncompliant Code Example

div#container div#header ul#navigation li{
  float: left;
}

Compliant Code Example

#navigation li{
  float: left;
}

See

• Don't Over-Specify Your CSS Code

stylelint Related Rules

• selector-max-compound-selectors