프론트엔드-코드/SCSS

문법

sdafdq 2023. 9. 1. 13:58

.container{

     h1 { }

}

 

이런 식으로 씀

부모자식 관계

 

 

$color-black : #000;
$color-white : #fff;



body{font-family: 'Noto Sans KR', sans-serif; background-color: $color-black;}




.container{
  h1{
    color: $color-white;
    & + img {
      width:350px;
    }
  }
}

&는 자기 자신임.

 

 

scss는 html에 연결하면 자동으로 종속성 깔리게끔 해놨나 봄.

 

'프론트엔드-코드 > SCSS' 카테고리의 다른 글

변수  (0) 2023.09.11
네임스페이스로 정의  (0) 2023.09.11
주석  (0) 2023.09.11
변수  (0) 2023.09.01
&  (0) 2023.06.30