sass 삽입값
486 단어 sass
$properties: (margin, padding);
@mixin set-value($side, $value) {
@each $prop in $properties {
#{$prop}-#{$side}: $value;
}
}
.login-box {
@include set-value(top, 14px);
}
다른
@media
에서 실행할 수 없음... 때문에
@extend
한 선택기 스타일을 다른 선택기로 확장하는 것이지만, 실제로는 다르다
@media
에서는 이러한 스타일을 복사할 필요가 없습니다.
#{} 문법은 어디에서나 사용할 수 있는 것이 아니므로mixin에서 호출할 수 없습니다
다행히도 @extend에서 삽입값을 사용할 수 있습니다.
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
CSS 문제오해하지 마세요 CSS는 웹사이트를 위한 현대적이고 풍부한 UI를 구축하는 데 도움이 됩니다. 하지만 클라이언트용 웹 애플리케이션을 만들 때 CSS가 최선의 선택이 아닐 수 있습니다. bootstrap이나 tailw...
텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.