CSS/SASS
[SCSS]작성법 2 - 선택자 중첩하여 작성하기
알찬 퍼블리셔
2019. 5. 7. 09:35
728x90
반응형
2019/05/07 - [퍼블리싱/SASS] - [SCSS]작성법 1 - 변수 사용하기
보통 CSS를 작성할 때는 아래와 같이 작성합니다.
nav {
width:100%;
height: 50px;
}
nav ul{
list-style: none;
}
nav ul li {
display: inline-block;
}
SASS로 작성할 때는 아래와 같이 중첩해서 작성 할 수 있습니다
nav {
width : 100%;
height : 50px;
ul {
list-style : none;
li{
display : inline-block;
}
}
}
2019/05/07 - [퍼블리싱/SASS] - [SCSS]작성법 3 - mixin 이용하기 (@mixin @include)
728x90
반응형