我在样式标签中使用范围属性。
Chrome浏览器不支持该功能。
chrome浏览器可以实现此功能的任何替代方法或替代方法。
最佳答案
真正实现目标的唯一方法是为每个“节”使用唯一的类名（或ID），然后使用继承对CSS的命名空间进行排序。因此，如果要定位页面的某个特定部分，请为其父母指定一个类名（例如：class =“ testone”），然后确保要应用于该部分的任何样式都附加了该类名：
.testone .title{...}
.testone h1{...}
.testone a{...
等等
失败的话，还有一个基于jQuery的范围polyfill，它应该为您提供一种与浏览器更无关的使用范围CSS的方式。这不是我一直在使用的东西，所以没有任何经验可提供，但是从我花了几分钟的时间来看，它看起来很有希望！
请记住，与像这样的任何基于JavaScript的解决方案一样，任何在未启用JavaScript的情况下加载页面的人都不会获得额外的好处，因此，即使在JS是禁用的。
资料来源：Scoped Style Sheets without HTML5