[ utility class 란? ] 각각의 클래스들을 정적으로 하나 하나씩 작성하는 것이 아니라, 하나의 코드로 여러 클래스들을 동적으로 생성하는 방식을 유틸리티 클래스라고 할 수 있습니다. CSS 프레임워크인 TailwindCSS 가 이러한 유틸리티 클래스 방식을 사용하고 있는 대표적인 사례라고 할 수 있습니다. [ 예시 ] 1. 다음과 같이 scss 파일을 작성합니다. -- index.scss $alignments: ( "center", "space-between", "space-around", "space-evenly", "flex-start", "flex-end" ); @each $align in $alignments { .justify-#{$align} { justify-content: #{$..

CSS 우선순위는 제일 높은 것에서 제일 낮은 것으로 나열한다면 !important -> inline style -> id selector -> class selector -> tag selector -> css combinators 순 이라고 할 수 있습니다. 우선순위 1. !important !important 가 명시된 css 속성이 우선순위가 제일 높습니다. .my-selector { background-color: #f00 !important; } 2. inline style 그 다음으로는 inline 에 작성된 style 이 우선순위가 높습니다. 3. id 선택자 그 다음으로는 id 선택자가 우선순위가 높습니다. #my-selector { background-color: #f00; } 4. c..