在Sampa 2024 Front 上介紹CSS 架構的三大支柱讓我有機會從理論角度閱讀大量有關CSS 的內容，我覺得這讓我對CSS 有了更成熟、全面和戰略性的看法CSS 大規模開發。
在這次旅行中，我發現了有關 CSS 的觀點，這些觀點除了重新點燃了我的好奇心之外，還讓我很高興能夠根據這些新的世界觀做出新的決定。
循環複雜度是程式複雜性的度量 - 每個流程控制和每個輸出都會增加方法、類別或應用程式的複雜性。
在 CSS 中，複雜性可能意味著緩慢、可重複使用性差以及過於具體的選擇器。
div.sidebar .login-box a.btn span {}
/*
Pode ser lido como
IF (inside .btn)
AND IF (on a)
AND IF (inside .login-box)
AND IF (inside .sidebar)
AND IF (on div)
*/
「將您的選擇器視為小程式」
連結到 CSSWizardry 部落格上的英文文章
仍然是關於將CSS視為一種具有邏輯操作的語言的價值，不僅僅是談論根據上下文條件進行邏輯評估以使代碼可用的媒體查詢，而是每個交互狀態，下一個選擇器是否存在，來自選擇器索引，或來自特定子項的存在（帶有:has）。
這是一篇關於新屬性和由 :has、容器查詢和已經存在但尚未深入探索的支援查詢引起的範式轉變的文章。
連結到 Ahmad Shadeed 部落格上的英文文章
Cascade 樣式表，但很常見的是涉及 CSS 編寫方式和順序的 CSS 錯誤。在 Amelia Wattenberger 撰寫的這篇精彩的部落格文章中，她以簡單直觀的方式演示了瀑布流的工作原理，並提供了有關如何考慮 CSS 的見解。
連結到 Amelia Wattenberger 部落格上的英文文章
我越需要使用 CSS-in-JS，它的缺點就越困擾我，例如套件大小、運行時變化以及令人困惑的重用與共置架構。使用 CSS 變量，與透過樣式註入變數相比，更喜歡箭頭函數變得更加過時 - 它更簡單，並且 CSS 可以很好地處理這種類型的範圍。
正是在這篇文章中，我們了解了它存在的原因和方式，並在全文中提到了令人難以置信的連結。
連結到媒體上的英文文章
CSS 是網路載入緩慢、未使用和過多的CSS、選擇器和操作的最大罪魁禍首，這些選擇器和操作在互動中會影響比應有的更多節點，甚至是需要更少開銷和更多架構的複雜而緩慢的選擇器。
在本文中，您將了解瀏覽器如何載入、編譯此關鍵資產並對其進行優先排序，以及如何減少最終使用者存取它的路徑。
連結到 Stoyan Stefanov 部落格上的英文文章
閱讀完後，觀看 Harry Roberts 製作的關於 Frontend United 上 CSS 效能的影片
Ethan Marcotte 根據建築組件創造了「響應性」一詞，這些組件以某種方式對其空間的佔用做出反應，這一瞥的靈感來自於John Alsopp 在200 年的文本，該文本呼籲建立一個更自由的網絡，規定更少的規則設備數量不斷增加的世界中的用戶已經改變了我們編寫介面的方式，也將改變您查看介面的方式。
連結到 A List Apart 部落格上的英文文章
閱讀完後，觀看 Jen Simmons 的這段視頻，以現代的視角看待響應能力 - 內在佈局
關閉
我在 Google 頻道上觀看 HTTP 203 時認識了 Jake，從那時起我就一直關注他的部落格。在這篇文章中，他探討了在
的折疊中包含連結的可能性。逐步載入「折疊」下方內容的樣式。不知道這是可能的嗎？是的，TIL也是！
連結到 Jake 部落格上的英文文章
讀完後，觀看 Chrome for Developers 頻道上的 HTTP 203 節目，我從 Jake 和他的客人那裡學到了很多東西
以上是4 篇讓我大吃一驚的 CSS 文章的詳細內容。更多資訊請關注PHP中文網其他相關文章！
