Can you increase specifity by nesting class inside of another class?

Question

Would this

.class{

 .subclass{ }

}

be same as

.class{}

.subclass{}

are there any diffrences apart from visual ones?

Answer 1

Nesting in SASS does exactly that. It increases specificity of the selector.

.class {
  .subclass {
    color: red;
  }
}

compiles to:

.class .subclass {
  color: red;
}

Sign up