>

변수를 설정하면 @fallback 가되도록 LESS를 설정하려고합니다.  사실 CSS는 새로운 기능을 지원하지 않는 구형 브라우저를 사용하는 것처럼 렌더링하므로 테스트에 매우 유용합니다.

@feature 를 변경하는 조건문이 있습니다.  지원을 테스트하지만 문제는 LYS가 @supports 내부의 변수를 허용하지 않는 것입니다  진술.

문자 그대로 @supports not (@feature) 로 렌더링됩니다. .

나는 @supports not (~'@{feature}') 를 시도  그리고 그것은 작동하지 않았다.

이 문제를 해결할 방법이 있습니까?

 // Flex Fallback
  @fallback = true;
  & when (@fallback = true) {@feature = 'x';}
  & when (@fallback = false) {@feature = 'display: grid';}
  @supports not (@feature) {
    // Fallback stuff
  }

  • 답변 # 1

    LESS가 @supports 에서 변수 보간을 지원하지 않는 것 같습니다  규칙.

    이 경우, 당신은 정말 @supports 를 토글하려고하기 때문에  at-rule 자체를 켜고 끄면 폴백 규칙을 믹스 인에 배치하고 @supports 를 사용하거나 사용하지 않고 출력하여이 문제를 해결할 수 있습니다.  조건에 따라 규칙 :

    // Flex Fallback
    @fallback: true;
    .fallback() {
      // Fallback stuff
    }
    & when (@fallback = true) {
      .fallback();
    }
    & when (@fallback = false) {
      @supports not (display: grid) {
        .fallback();
      }
    }
    
    

관련 자료

  • 이전 pandas - Pandastable을 사용하여 데이터베이스를 업데이트하는 방법
  • 다음 android - 카메라 의도 - 사진 촬영 후 데이터가 null