CSS 조건부 규칙 모듈 레벨 4

1. 소개

3레벨의 기능들은 아직 [css-conditional-3]에 정의되어 있으며, 여기로 복사되지 않았습니다.

이 레벨에서는 @supports 규칙에 확장이 추가되어, 지원되는 셀렉터를 테스트할 수 있게 합니다.

2. @supports 규칙의 확장

이 명세서의 레벨에서는 <supports-feature> 문법을 다음과 같이 확장합니다:

<supports-feature> = <supports-selector-fn> | <supports-decl>
<supports-selector-fn> = selector( <complex-selector> )

<supports-selector-fn>

함수의 인자로 제공된 셀렉터를 UA가 지원하면 결과는 true입니다.

@supports selector(col || td) {
  col.selected || td {
    background: tan;
  }
}

조건부 그룹 규칙에서 사용된 네임스페이스 프리픽스는 반드시 선언되어 있어야 하며, 선언되지 않은 경우 무효입니다 [css-conditional-3]. 이는 selector 함수 내부의 네임스페이스 프리픽스도 포함합니다.

@supports selector(a[xlink|href]) {
  // do something, but fail
  }
}

@namespace x url(http://www.w3.org/1999/xlink);
@supports selector(a[x|href]) {
  // do something
  }
}

2.1. 지원 정의의 확장

CSS 프로세서는 해당 셀렉터를 받아들이고(파싱 오류로 버리지 않으며), 해당 셀렉터에 알 수 없는 -webkit- 의사 요소가 포함되어 있지 않으면 CSS 셀렉터를 지원하는 것으로 간주됩니다.

보안 고려사항

이 문서에 대한 보안 이슈는 제기되지 않았습니다.

개인정보 보호 고려사항

selector() 함수는 사용자의 소프트웨어 정보(버전, 특정 기능 활성화/비활성화 등)와 같은 정보를 제공할 수 있습니다.

이 정보는 다른 API를 통해서도 확인할 수 있습니다. 하지만, 이 명세서의 기능은 이러한 정보가 웹에서 노출되는 방법 중 하나입니다.

이 정보는 또한 집계 시 사용자 핑거프린팅의 정확도를 높이는 데 사용될 수 있습니다.

감사의 글

에디터들은 이 모듈의 이전 레벨에 기여해 주신 모든 분들께 감사드립니다.

변경사항

2020년 3월 3일자 첫 공개 작업 초안 이후 변경사항

• 개인정보 보호 및 보안 섹션 추가
• 몇 가지 예시 추가
• 네임스페이스 프리픽스 선언 요구 사항이 selector() 안의 셀렉터에도 적용됨을 명확히 함 (이슈 3220)

Level 3 이후 추가사항

• selector() 표기법을 supports queries에 추가