HTML5 最初提出了样式的作用域属性元素,旨在将样式的应用限制于样式元素的父元素及其后代。然而,由于浏览器实现有限,该功能最终被删除。
目前,不带scoped属性的样式元素可以合法地出现在文档中的任何位置。但是,规范警告其他文档元素可能会意外重新样式化。
尽管缺乏作用域属性支持,但仍然可以通过使用显式选择器来实现作用域样式,例如作为 ID 选择器。下面是一个示例:
<code class="html"><div id="myDiv"> <style> #myDiv p { margin: 1em 0; } #myDiv em { color: #900; } #myDiv whatever { /* ... */ } </style> <p>Some content here... </p> </div></code>
此方法可确保样式仅应用于指定的 div 元素内。它需要避免 ID 冲突,但这已经是最佳实践。
截至目前,没有迹象表明在 HTML 中重新引入了作用域属性。显式选择器方法仍然是实现作用域样式的推荐技术。
以上是“style”元素的“scoped”属性在 HTML5 中仍然相关吗?的详细内容。更多信息请关注PHP中文网其他相关文章!