nesting문법 질문입니다

[이현지]

.navbar {
  :hover {
    color : blue;
  }
}

.navbar {
  &:hover {
    color : blue;
  }
}
위처럼 쓰면 .navbar :hover를 잡게 되고

밑처럼 쓰면 .navbar:hover를 잡게 됩니다.

밑에처럼 &기호를 붙여주시면 셀렉터를 스페이스바 없이 붙이실 수 있습니다.

요내용에 &기호 붙였을때 셀렉터를 스페이스바없이 붙일수있다는게 무슨말인가요?

[codingapple]

css셀렉터에서 띄어쓰기는 자식선택하라는 뜻입니다

[글쓴이]

글