위코딩
반응형
article thumbnail
[SCSS] SCSS Placeholder 선택자(%)
Style sheet/SCSS 2023. 8. 8. 17:34

SCSS Placeholder 선택자(%)는 스타일 규칙을 정의하되 실제 CSS로 컴파일되지 않는 선택자입니다. Placeholder 선택자는 스타일 규칙을 재사용 가능한 스타일 템플릿으로 정의하고, 필요한 곳에서 @extend 지시자를 통해 사용합니다. 기본 개념 SCSS Placeholder 선택자는 % 기호를 사용하여 정의합니다. 이 때, 선택자 이름 앞에 %를 붙여 Placeholder 선택자를 생성하며, 중괄호 내에서 스타일 규칙을 정의합니다. Placeholder 선택자는 컴파일되지 않기 때문에 CSS로 직접 변환되지 않습니다. // Placeholder 선택자 정의 %button-style { padding: 10px 20px; font-size: 16px; border: none; curs..

반응형
loading loading