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中文網其他相關文章！