HTML5의 "scoped" 속성의 현재 상태 의 "scoped" 속성 요소는 스타일 범위를 특정 상위 요소와 그 하위 요소로 제한하기 위해 HTML5에서 제안되었습니다. 이 속성은 의도하지 않은 전역 스타일 문제를 방지하는 것을 목표로 합니다. 그러나 구현에 어려움이 있었고 결국 사양에서 제외되었습니다.</p> <p><strong>W3C 해석</strong></p> <p>W3C 문서에 대한 귀하의 해석이 부분적으로 정확했습니다. 초기 제안에서는 두 가지 유형의 <style> 요소:</p> <ul> <li> <strong>전역 <style>:</strong> <head> 내에서 사용됩니다. 전역적으로 스타일을 적용합니다.</li> <li> <strong>Scoped <style>:</strong> 본문 내에서 사용되며 "scoped" 속성을 사용하고 첫 번째 하위 요소로 배치되어 스타일을 상위 요소로 제한합니다. </li> </ul> <p><strong>현재 상태(2023)</strong></p> <p>현재 범위 속성은 주요 브라우저에서 지원되지 않습니다. <스타일> 요소는 문서 내의 어느 위치에나 나타날 수 있으며 해당 스타일은 전체적으로 적용되므로 예기치 않은 동작이 발생할 수 있습니다. 가장 좋은 방법은 명시적인 선택기(예: ID 또는 클래스)를 사용하여 문서의 특정 요소나 영역을 대상으로 하는 것입니다.</p> <p><strong>향후 전망</strong></p> <p>구체적인 계획은 없습니다. 가까운 미래에 범위가 지정된 속성을 부활시킵니다. 명시적 선택기를 사용하고 서로 다른 스타일시트 간의 적절한 격리를 보장하는 현재 접근 방식은 범위 지정 스타일을 구현하는 데 권장되는 방법입니다.</p>
