곱하기 (1) 썸네일형 리스트형 #11 - SCSS 산술 연산 산술 연산 산술 연산의 종류 아래 기호로 SCSS에서 연산이 가능하다. 산술 연산의 경우, 양립할 수 있는 단위일 때 적용된다. 양립할 수 없는 단위 사용시, CSS함수인 calc를 사용하면 산술 연산이 가능하다. 분류 기호 내용 산술 + 더하기 - 빼기 * 곱하기 / 나누기 % 나머지 숫자 더하기 ( + ) SCSS /* 50% = 300px이라고 가정 */ .class1 { width : calc(50% + 10px); } /* 양립할 수 없는 단위를 사용하여 에러 */ .class2 { width : 50% + 10px; } Compile 된 CSS .class1{ width : 310px; } /* class2 에러 */ 문자 더하기 ( + ) 문자열 더하기에서는 첫번째 요소의 따옴표 유무에 따라.. 이전 1 다음
