CSS로 Firefox를 독점적으로 타겟팅하려면 어떻게 해야 합니까?

CSS를 사용하여 Firefox만 타겟팅

CSS의 조건부 주석을 사용하면 브라우저별 규칙을 사용하여 Internet Explorer를 편리하게 타겟팅할 수 있습니다. 그러나 다른 브라우저는 영향을 받지 않고 Firefox만을 대상으로 하는 것이 목표라면 어떻게 될까요?

자바스크립트나 브라우저 스니핑에 의존하는 대신 깔끔하고 브라우저 중심적인 접근 방식

에서 더 우아한 해결책은 Mozilla의 "-moz-document" CSS 속성을 사용하는 것입니다. 이 속성은 Firefox와 같은 Gecko 기반 브라우저 내에서만 적용되는 조건부 CSS 규칙을 활성화합니다.

구문 및 예

Firefox만을 대상으로 하는 구문은 다음과 같습니다.

@-moz-document url-prefix() {
  /* Firefox-specific CSS rules here... */
}

예를 들어 모든

Firefox에서는 태그가 빨간색이지만 다른 브라우저에서는 영향을 받지 않습니다.

@-moz-document url-prefix() {
  h1 {
    color: red;
  }
}

이 접근 방식을 사용하면 다른 브라우저에 영향을 주지 않고 Firefox에만 규칙이 적용됩니다. 이 방법은 브라우저 기능을 활용하여 깔끔하고 브라우저별 솔루션을 제공합니다.

위 내용은 CSS로 Firefox를 독점적으로 타겟팅하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!