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

With a maximum depth of 3:

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

## Compliant Code Example

With a maximum depth of 3:

    #navigation li{
      float: left;
    }

## See

- Don't Over-Specify Your CSS Code

## stylelint Related Rules

- selector-max-compound-selectors