프론트엔드-코드/SCSS

map (오브젝트 형태)

sdafdq 2023. 9. 14. 14:07
$map : (
  o : orange,
  r : red,
  b : blue
);
.box:nth-of-type(1){
  background-color: map-get($map, o);
}
.box:nth-of-type(2){
  background-color: map-get($map, r);
}
.box:nth-of-type(3){
  background-color: map-get($map, b);
}

map-get(오브젝트, 필드이름) 으로 값에 접근할 수 있다.

이거 말고도 많음. 맵 모든 값 return, 모든 key return, 해당 키가 있는지 true or false 등

 

https://homzzang.com/b/sass-13

 

홈짱닷컴

홈페이지 제작, 그누보드 강의, 웹코딩, HTML, CSS, JAVASCRIPT, JQUERY, PHP, SQL

homzzang.com

 

 

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

@mixin 변경 및 추가  (0) 2023.09.14
배열  (0) 2023.09.14
데이터 타입  (0) 2023.09.14
@import scss에서 scss import  (0) 2023.09.13
색상 내장 함수  (0) 2023.09.12