CSSWG分钟电视（2024-09-18）

在过去的两个月中，我深入研究了锚定位置，这是在许多年鉴作品和全面的指南中脱颖而出 - 让我相信这个话题终于解决了。 但是，CSS工作组（CSSWG）继续完善了这一不断发展的区域，最近的电视记录显示了进一步的发展。

以下分辨率突出了一个关键进步：

在比较名称时，如果至少一个是树拆下的，则必须是树状的，需要精确的（不是子树）匹配。 （问题＃10526：锚点何时“匹配”一个名称？）

>

虽然不是直接的规范一部分，但该决议强烈建议锚定 - 距离的未来方向。这提供了一个绝佳的机会，可以探索该决议的含义以及电视节目中其他有趣的观点。 （请记住，您可以在w3c.org上订阅并阅读完整的分钟。

了解锚scope

锚定，由识别，允许绝对定位的元素（使用

）附加到它们上。 尽管

不需要唯一，但在组件中重复使用它会导致意外行为。 如果没有anchor-name，则具有相同名称的多个锚导致目标堆叠在最后一个实例上。 position-anchor属性可确保仅在其子树内的目标才能访问锚。 anchor-name例如：anchor-scope anchor-scope

这提出了一个问题：本身的范围应该是什么？ CSSWG解决了这个问题，源自GitHub问题，突出了

匹配的三种可能的解释。

.anchor {
  anchor-name: --my-anchor;
  anchor-scope: --my-anchor; /* Added for proper scoping */
}

.target {
  position: absolute;
  position-anchor: --my-anchor;
  position-area: top right;
}

> CSSWG电视讨论，特别是Tabatkins，Khush和Fantasai的贡献，得出的结论是应该对进行树的分析。 该决定扩展到查看过渡，这也依赖于树范围。 分辨率是：

anchor-scope anchor-scope

>解决：

每当比较名称，如果至少一个树被剥落，则两者都被树剥落，并且范围必须是准确的（不是subtree）。anchor-scope>

进一步的决议澄清了

中的关键字（制作所有锚树）也被树剥落了。> 然后，讨论转移到CSS滚动SCHAP模块2级草稿及其

属性。此属性允许将元素指定为初始滚动目标。 CSSWG解决了多个潜在目标的方案，决心使用反向订单来确定初始滚动位置。

>最后，小组辩论了text-underline-position: auto>值，决定将auto值添加到text-emphasis-position>并修改text-underline-position: auto以处理垂直文本中的左/右定位，并与现有的浏览器行为保持一致。

我强烈建议阅读完整的会议记录，以深入了解讨论和决策。 也可以提供解决方案的摘要。

>

以上是CSSWG分钟电视（2024-09-18）的详细内容。更多信息请关注PHP中文网其他相关文章！