Question

我在样式标记中使用scoped属性。＆＃xA; Chrome浏览器不支持它。＆＃xA;实现与Chrome浏览器一起使用的此功能的任何替代或替代。

＆＃XA;

Answer 1

您真正实现目标的唯一方法是为每个“部分”使用唯一的类名（或ID），然后使用继承来对CSS进行排序。因此，如果您想要定位页面的一个特定部分，请为其父级指定一个类名（例如：class =“testone”），然后确保要应用于该部分的任何样式都附加了该类名：

.testone .title{...}
.testone h1{...}
.testone a{...

等

如果做不到这一点，还有一个基于jQuery的范围polyfill，它应该为您提供更加独立于浏览器的使用范围CSS的方式。这不是我曾经合作过的东西，所以没有任何经验可以提供，但从我花了很多时间看它看起来很有希望！

请记住，就像任何基于JavaScript的解决方案一样，任何在没有启用JavaScript的情况下加载页面的人都不会获得那些额外的细节，因此确保页面仍然以可接受的方式运行是很重要的当JS被禁用时。