FrontEnd.ro logo
CSS Nesting
// 1
.foo {
  .bar {
    color: red;
  }
}

// 2
.foo {
  & .bar {
    color: red;
  }
}

// 3
.foo .bar {
  color: red;
}
// 1 ❌
.foo {
  input {
    color: red;
  }
}

// 2
.foo {
  & input {
    color: red;
  }
}

// 3
.foo input {
  color: red;
}