我所关注的范围概念是目前

rmruhul

的实现方式。他们通过生成唯一的类名来创建范围，然后将该类名附加到他们在范围内考虑的所有内容。因此，如果您使用“视图”，那么它就是视图组件模板或其他内容中的所有内容。因此，他们将其应用于范围内 HTML 中的每个元素，然后还将其应用于每个选择器。需要大量的 JavaScript 来管理和编写这些奇怪的唯一 ID 字符串。

米里亚姆：但我们采用了相同的想法，即能够使用“@scope”规则声明作用域，该规则不仅声明作用域的根，不仅声明此组件，还声明该作用域的下边界。妮可·沙利文（Nicole Sullivan）将其称为“甜甜圈范围”，即某些组件内部还有其他组件，并且范围仅从外部边界到内部孔，然后其他东西可以进入该孔。因此，我们有这个“@scope”规则，允许您声明根选择器，然后说“to”并声明任意数量 电报号码数据 的下边界。因此，在选项卡组件中，它可能是“范围选项卡到选项卡内容”或其他内容，这样您就不会在任何一个选项卡的内容内设置样式。您只需在外盒和将容纳所有内容的内盒之间确定范围。

德鲁：所以这就像说，“此时，停止继承。”

米里亚姆：不完全是，因为它实际上并没有切断继承。我提出的方式，它的作用只是缩小选择器的目标元素的范围。因此，您放入范围规则内的任何选择器都只会针对根边界和下边界之间的内容，这是一个目标问题。它的另一部分我们仍在讨论它应该如何工作，按照我提出的方式，如果我们有两个范围，让我们称它们为主题范围。假设我们有一个浅色主题和一个深色主题，并且我们嵌套它们。给定这两个范围，它们都有链接样式，这两个链接样式都具有相同的特异性，它们都在范围内。在这种情况下，我们希望更接近的范围获胜。如果我有嵌套的光明和黑暗以及光明和黑暗，我们希望最接近的祖先获胜。所以我们确实有范围接近度的概念。

德鲁：这很有趣。所以范围是选择器的目标范围。现在，我提到了继承的想法。CSS 中是否有任何我不知道的可能即将出现或可能已经存在的东西，可以在不进行大规模重置的情况下以一种很好的方式停止继承？

米里亚姆：好吧，实际上，停止继承的方法是进行某种重置。层实际上会给你一个有趣的方式来思考这个问题，因为我们有这样的想法......已经有一个“恢复”规则。我们有一个“all”属性，它设置所有属性，每个 CSS 属性，并且我们有一个“revert”规则，它恢复到之前的原点。所以你可以说“全部恢复”，这将停止继承。这会将所有属性恢复为浏览器默认值。所以你已经可以这样做了。



米里亚姆：现在我们添加了“恢复层”，这将允许你说，“好吧，我在组件层。将所有属性恢复为默认层。” 所以我不想完全回到浏览器默认设置，我想回到我自己的默认设置。我们将在可以以这种方式工作的层中添加类似的东西。

米里亚姆：但有一点，为了阻止继承，为了阻止东西进入，我认为这更多地属于影子 DOM 封装的领域。在 DOM 本身中绘制硬边界的想法。我试图通过我的范围提案来摆脱这一点。Shadow DOM 已经在处理这个问题了。我想做一些更注重 CSS 的事情，更多……我们可以有多个针对不同选择器的重叠范围，并且它们不会像硬线一样被绘制到 DOM 中。

德鲁：把它留给其他人，去影子 DOM。这些草案处于什么阶段、级联层和范围？他们在这个过程中走了多远？

米里亚姆：级联层，有一些人想要重新考虑它的命名，但除此之外，规范相当稳定，并且当前没有其他未解决的问题。希望这将很快转向候选人推荐。我预计浏览器至少会在今年晚些时候开始实现它。这是走得最远的，因为对于浏览器来说，它是最容易概念化和实现的，即使作者可能需要一些时间才能完成过渡。这个目标已经很远了，而且很快就会到来。