본문 바로가기

카테고리 없음

(CSS) SCSS에서 부모 선택자(&, ampersand)

SaSS문법을 사용할 때의 장점은 속성을 중첩(nesting)할 수 있다는 것이다.

nesting을 활용할 때 부모 선택자(&)를 잘 활용해야 한다.

 

부모 선택자(&)의 사용

 

- 부모 선택자는 특수문자 '&'을 사용한다.

- 기본적으로 중첩된 SaSS 문법 안에서 사용한다.

- :hover, :checked, :not(&) 등의 가상클래스에 사용된다.

- :after, :before 등의 가상요소에 사용된다.

- 언더바(_), 하이픈(-) 등의 클래스명의 접속사에 사용한다.