홈>
우리는 일부 유틸리티를 만들려고 노력하고 있으며 'u :'를 사용할 때 이전에 접두사를 지정 했으므로 HTML에서 다음과 같이 보일 것입니다.
<div class="u:bg-red"></div>
오늘 우리는이 예제에서 접두사를 삭제하고 'bg-red'만 사용하려고했지만 SASS는 빈 클래스 이름을 허용하지 않습니다.
이것은 현재 우리가 생성하는 방법입니다 :
.u\: {
@include group();
}
(포함 된 그룹은 모든 유틸리티를 포함하는 믹스 인입니다)
실제 속성은 믹스 인으로 설정되며 다음과 같습니다 :
&bg-red {
...
}
믹스 인에 점을 추가하지 않는 이유는 다음을 사용하여 반응 형 유틸리티를 생성하기 때문입니다.
.u\@lg\: {
@include screen-large() {
@include group();
}
}
기본적으로 다음을 수행하고 싶습니다.
. {
@include group();
}
.\@lg\: {
@include screen-large() {
@include group();
}
}
그러나 SASS는 빈 클래스 이름을 허용하지 않습니다. 우리는 모든 종류의 탈출을 시도했지만 영리하지만 성공하지 못했습니다!
가장 가까운 것은 :
.\ {
}
그러나 속성 앞에 공백이 생깁니다.
제안 해 주셔서 감사합니다!
- 답변 # 1
관련 자료
- flutter - 빈 arb 템플릿을 생성하는 intl 현지화
- php - 워드 프레스 검색에서 빈 분류법을 검색하는 방법
- 배열 VBA/SQL에서 빈 값 허용
- Vue-Router를 사용할 때 Laravel 앱에서 빈 CSS 파일을 생성하는 Webpack
- excel - 교차 방법으로 빈 셀을 허용하지 마십시오
- aws cdk - CfnCrawler에 대한 빈 대상을 생성하는 CDK
- xcode - ipa 생성 오류 - "제거 디렉토리가 비어 있지 않습니다"
- reactjs - 왜 타이프 스크립트로 빈 상태 객체를 덮어 쓸 수 있습니까?
- Phalcon PHP 유효성 검사 고유성이지만 빈 값 허용
관련 질문
- html : 요소에 적용되지 않는 너비 백분율 값
- css : 내 Shopify 스토어 바닥글이 내 웹사이트 중앙에 정렬되지 않습니다.
- CSS -동일한 Div 내부의 이미지 색상에 따라 Div 배경색 변경
- 내 CSS 계산이 잘못된 이유를 확인할 수 없습니다.
- css : SASS에서 nth-child() 속성을 어떻게 동적으로 변경할 수 있습니까?
- 미디어 쿼리를 기반으로 SCSS 변수를 변경하는 방법은 무엇입니까?
- css : 브라우저의 변경 사항이 로컬로 이동되었지만 변경 사항 없음
- css : 하위 메뉴가 아닌 첫 번째 수준 메뉴 앵커만 선택하고 영향을 주는 중첩된 Sass
- javascript : 카드를 가리킬 때 배경을 변경하는 방법은 무엇입니까?
- 이러한 클램프 CSS 변수를 작동하는 SCSS 변수로 변환하시겠습니까?
모든 사용 사례를 모르지만 이와 같은 것이 도움이 되겠습니까?