HTML5 스타일 요소의 "scoped" 속성의 현재 상태는 무엇입니까? 소개 "scoped" 속성은 인라인 내에 정의된 CSS 스타일의 범위를 제어하는 방법으로 HTML5에 제안되었습니다. 강요. 그러나 구현 및 지원은 지속적인 논쟁의 주제였습니다.</p> <p><strong>원래 제안</strong></p> <p>처음에 "scoped" 속성은 스타일 적용을 다음으로 제한하기 위한 것이었습니다. <style>의 하위 트리 요소의 부모. 이를 통해 작성자는 전역 스타일에 영향을 주지 않고 문서의 특정 부분에서 인라인 스타일을 사용할 수 있었습니다.</p> <p><strong>현재 상태</strong></p> <p>안타깝게도 범위가 지정된 속성은 웹에서 광범위한 지원을 얻지 못했습니다. 브라우저. 결과적으로 HTML5 사양에서 결국 삭제되었습니다. 이는 <style> 이제 요소는 문서 내의 어느 위치에나 배치할 수 있지만 HTML5 이전의 경우와 마찬가지로 해당 스타일은 전역적으로 적용됩니다.</p> <p><strong>대체 접근 방식</strong></p> <p>지원 부족에도 불구하고 범위가 지정된 속성의 경우 범위가 지정된 스타일을 달성하기 위한 대체 접근 방식이 있습니다. 일반적인 방법 중 하나는 CSS 클래스 이름이나 HTML 요소 ID를 선택기로 사용하여 스타일 범위를 제한하는 것입니다. 예:</p> <div class="code" style="position:relative; padding:0px; margin:0px;"><pre><code class="html"><div id="myDiv"> <style> #myDiv p { margin: 1em 0; } #myDiv em { color: #900; } Some content here... 로그인 후 복사 이 예에서 스타일은 ID가 "myDiv"인 향후 전망 현재 범위 지정 속성을 다시 도입할 계획은 없습니다. 그러나 HTML 또는 CSS의 향후 버전에서는 범위 지정 스타일에 대한 다른 접근 방식이 도입될 수도 있습니다. 현재 위에서 언급한 대체 방법은 범위 지정 스타일을 달성하기 위한 안정적인 크로스 브라우저 솔루션을 제공합니다.
