SASS
2019.09.19 20:40

Sass 중첩 규칙과 속성

조회 수 1789 추천 수 0 댓글 0
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄
?

단축키

Prev이전 문서

Next다음 문서

크게 작게 위로 아래로 댓글로 가기 인쇄

Sass 중첩 규칙과 속성

 

입력

 

nav {
  ul {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  li {
    display: inline-block;
  }
  a {
    display: block;
    padding: 6px 12px;
    text-decoration: none;
  }
}

 

출력

nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
nav li {
  display: inline-block;
}
nav a {
  display: block;
  padding: 6px 12px;
  text-decoration: none;
}

 

 

Sass 중첩 속성

입력

font: {
  family: Helvetica, sans-serif;
  size: 18px;
  weight: bold;
}

text: {
  align: center;
  transform: lowercase;
  overflow: hidden;
}

 

출력

font-family: Helvetica, sans-serif;
font-size: 18px;
font-weight: bold;

text-align: center;
text-transform: lowercase;
text-overflow: hidden;

 

 

?

List of Articles
번호 분류 제목 날짜 조회 수
41 SASS Sass @while 2019.09.20 2541
40 SASS Sass @for 2019.09.20 2136
39 SASS Sass @each 2019.09.20 1855
38 SASS Sass @if and @else 2019.09.20 2165
37 SASS Sass Operators 2019.09.20 1909
36 SASS Sass Introspection Functions 2019.09.19 1794
35 SASS Sass Color Functions 2019.09.19 1730
34 SASS Sass Selector Functions 2019.09.19 1684
33 SASS Sass Map Functions 2019.09.19 1741
32 SASS Sass List Functions 2019.09.19 2003
31 SASS Sass Numeric Functions 2019.09.19 1746
30 SASS Sass String Functions 2019.09.19 2145
29 SASS Sass @extend 2019.09.19 1783
28 SASS Sass @mixin과 @include 2019.09.19 2249
27 SASS Sass @import 2019.09.19 1821
» SASS Sass 중첩 규칙과 속성 2019.09.19 1789
25 SASS Sass 변수 2019.09.19 1657
24 SASS Sass 소개 2019.09.19 4515
23 SASS SASS 샘플 2019.08.16 2164
22 HTML ::after ::before 토글 사용 예제 2019.06.28 2499
Board Pagination Prev 1 2 3 Next
/ 3