>  기사  >  웹 프론트엔드  >  Sass의 미디어 쿼리 내에서 선택기를 확장할 수 있나요?

Sass의 미디어 쿼리 내에서 선택기를 확장할 수 있나요?

Patricia Arquette
Patricia Arquette원래의
2024-11-02 00:33:31221검색

Can You Extend Selectors from Within Media Queries in Sass?

미디어 쿼리 내에서 선택기 확장: 제한 사항 이해

Sass의 미디어 쿼리 내에서 선택기를 확장하는 것은 어려운 작업일 수 있습니다. 실망스러운 오류를 피하려면 근본적인 제한 사항을 이해하는 것이 중요합니다.

오류 및 근본 원인

미디어 쿼리 내에서 외부 선택기를 확장하려고 하면 Sass에서 다음과 같은 오류가 발생합니다. 오류: "@media 내에서 외부 선택기를 @extend할 수 없습니다. 동일한 지시문 내에서 선택기를 @extend할 수만 있습니다."

이 오류는 Sass가 외부 클래스에 대한 선택기를 구성할 수 없기 때문에 발생합니다. Sass는 미디어 쿼리 전체에서 선택기를 확장할 수 없습니다.

해결 방법 및 솔루션

미디어 쿼리 내에서 선택기를 직접 확장하는 것은 불가능하지만 해결 방법은 있습니다.

  • 믹스인 사용: 믹스인과 확장 클래스를 만들어 미디어 쿼리 내부와 외부에서 원하는 스타일을 재사용하세요.
  • 외부 미디어 쿼리에서 선택기 확장: 미디어 쿼리 외부에서 선택기를 확장하고 미디어 쿼리 내에서 사용합니다.
  • 대체 구문(실험적): Sass는 미디어 쿼리 내에서 @extend 지시문과 같은 실험적인 기능을 허용합니다. 그러나 향후 버전에서는 지원되지 않을 수 있으므로 주의해서 사용하는 것이 좋습니다.

지속적인 토론 및 향후 업데이트

Sass 커뮤니티는 이 기능이 필요합니다. 가능한 솔루션과 구문 옵션을 탐색하기 위한 논의가 진행 중입니다. 아래 링크된 GitHub 문제에 대한 업데이트를 추적하는 것이 좋습니다.

  • [GitHub 문제 1050: @media에 중첩된 @extend 내부 선택기](https://github.com/sass/sass/issues/ 1050)
  • [GitHub 문제 456: 중첩된 @media 쿼리](https://github.com/sass/sass/issues/456)

위 내용은 Sass의 미디어 쿼리 내에서 선택기를 확장할 수 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.