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를 통해서도 알 수 있습니다. 하지만, 본 명세의 기능은 웹에서 이러한 정보를 노출하는 방법 중 하나입니다.

또한 이 정보는 집계될 경우 사용자의 지문(fingerprinting) 정확도를 높이는 데 사용될 수 있습니다.

감사의 글

편집자들은 이 모듈의 이전 레벨에 기여한 모든 분들께 감사를 드립니다.

변경사항

2022년 2월 17일 후보 권고안 스냅샷 이후 변경사항

• 셀렉터의 알 수 없거나 무효인 일부가 셀렉터 자체를 무효화하지 않더라도, 해당 셀렉터는 지원되지 않는 것으로 간주한다는 점을 명확히 했습니다.

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

• 프라이버시 및 보안 섹션 추가
• 예제 추가
• 네임스페이스 접두사 선언 요구가 selector() 내부 셀렉터에도 적용된다는 점 명확화 (이슈 3220)

레벨 3 이후 추가사항

• selector() 표기법 추가.