Scoped CSS

hbghlyj

在中文MDN中scoped这个属性的右边加了⚠️(Non-standard)和🗑️(Deprecated)

此属性指定样式仅适用于其父项和子项的元素。

以后可能会根据github.com/w3c/csswg-drafts/issues/3547重新引入此属性。 如果要立即使用该属性，则可以使用polyfill。

在英文MDN中已经删去了scoped这个属性的说明,但是仍保留了

Content categories         Metadata content, and if the scoped attribute is present: flow content.

根据css-tricks,<style scoped> 可被浏览器的 Shadow DOM 替代. 根据MDN, Shadow DOM 内部的元素始终不会影响到它外部的元素。Shadow DOM 可以将标记结构、样式和行为隐藏起来，并与页面上的其他代码相隔离，保证不同的部分不会混在一起，可使代码更加干净、整洁。其中，Shadow DOM 接口是关键所在，它可以将一个隐藏的、独立的 DOM 附加到一个元素上。