去年的互通性將在 2023 年底前完成。由瀏覽器廠商和其他各方打造，旨在打造更互通的網路環境，減少瀏覽器之間的差異，因應上述情況。本文將分享最終成果，以及 Chrome 團隊最喜歡的功能。
最終比數
看到這個星球上的綠色很多，最好跟 2023 年初的分數比較，而且這個現象的成長相當不錯，每個瀏覽器的分數都大幅增加。
令人期待的特色是什麼？
如要查看 2023 年焦點領域的完整清單，請前往 Interop 2023 資訊主頁。部分焦點區域 (例如 :has()、容器查詢和 inert 屬性) 涵蓋了整個地圖項目。其他 (例如 Flexbox 上的工作) 則會處理現有跨瀏覽器功能中的一些細微測試失敗情形。
:has()
「最後是 CSS 的上層選取器！我們幾乎從一開始就收到這類要求，後來在所有瀏覽器中都能取得超強的體驗，這表示開發人員必須使用較少的 JavaScript 來模擬這個選取器。」— Chrome 開發人員關係工程師 Thomas Steiner。
由於功能虛擬類別 :has() 向平台發出了開發人員的重要要求，因此備受期待。這裡會提供父項選取器，您可以根據其中的內容選取元素。不過，用途相當廣泛。如「CSS 包裝」一節所述，您可以選取多個父項元素，甚至可以側邊選取項目。
:has() 示範：插入Una Kravets，Chrome 團隊的開發人員關係工程師會說明：
「:has() 選取器是最靈活且功能最強大的新 CSS 功能之一。透過它，您即可根據是否存在子項元素、狀態或甚至數量，設定任何父項的樣式。但更重要的是，您可以將其與其他組合組合結合，設定同層級項目樣式，並對 UI 獲得更全面的樣式控制項。這是很靈活的功能！我已經看過許多很酷的示範，這樣在使用 :has() 的強大威力時，不必依賴額外指令碼。」
Chrome 軟體工程師 Philip Jägenstedt 提醒我，:has() 是開發人員在 2023 年 CSS 問卷調查現況中所提出的問題，並因缺乏支援而苦惱的首要功能。因此，我們不是唯一期待推出這項功能的人。
你可以收聽 Una 和 Adam Argyle，在 CSS Podcast 上討論 has()，然後在網路社群的這些貼文中進一步瞭解 :has()。
容器查詢
2023 年，這一年來記錄了不可能的任務，成為美好的一年。除了 :has() 以外，網路平台最終也開始支援跨瀏覽器的容器查詢功能。您從 2011 年起就一直要求容器 (或元素) 查詢，這是回應式設計導入回應式設計概念的一年後。此平台現已推出，可在所有主要瀏覽器引擎中使用。
Una 和 Adam 在 CSS Podcast 中討論過容器查詢，並在「Designing」(瀏覽器設計) 一集的節目中先介紹這些查詢。社群也分享了許多秘訣和構想
子網格
Subgrid 是我最喜歡在 2023 年在互通性中使用的服務。這可以讓您在父項元素上定義格線，然後在主要格線內部的網格上，使用該父項定義的軌跡大小。多虧 Microsoft Edge 網路平台工程師的努力，在 2023 年，所有主要瀏覽器引擎都會提供 subgrid，藉此提高 Chrome 的分數，並將這項令人期待的功能提供給所有人。
Chrome 開發人員關係工程師 Adriana Jara 告訴我
「我很害怕視覺效果和版面配置、維持一致的外觀，並且配合螢幕做出調整。但使用格線和格狀模式，就能打造出適合多種螢幕大小的設計，並能自動根據內容調整設計！我最喜歡這個專區，因為這項工具能夠滿足基本的需求，不需要太多專業知識，就能建立網站給使用者良好的體驗。」
我已在一篇文章中為「12 Days of Web」撰寫部分子網格用途，以及本文中的其他功能，您可以收聽一則相關的 CSS Podcast 節目。網路上有許多資源。
色域和函式
Chrome CSS 開發人員 Adam Argyle 表示自己最喜歡的特色是色塊和函式。
「『再見』HSL 管道值可變的數學；Hello 及時顏色子類單行器。全新的色域和功能不僅可解決色彩工作流程的問題，還提供更先進、可靠且鮮豔的色彩和漸層。解鎖部分功能時，可以同時享受更便利的生活。在互通性服務中歡度煙霧，這道菜色看起來生動有趣。」
Adam 製作了一些出色的內容，以協助您瞭解這些新功能，例如高畫質 CSS 色彩指南和 gradient.style，以及介紹 CSS Podcast 的色彩功能。
我們很高興能提供這些功能，適用於所有主要的瀏覽器引擎。 歡迎參閱這些實用文章，深入瞭解更多資訊。
期待在 2024 年互通性
特徵可互通後，就會成為基準的一部分，並已推出。很開心看到在 2023 年進入這個群組的新功能數量，並不微乎其微，因為 2023 年互通性團隊的一切努力。很快地宣布 2024 年選定的重點領域，我們都很期待今年能大幅改善網路平台的發展。