您的CSS願望清單上還有什麼？

CSS願望清單：你還有什麼期待？

CSS還能做什麼？這就像深夜身處不該去的地方，一個穿著風衣的陌生人走近你，在你耳邊低語：

“噓，想買一些異步@imports嗎？我這裡有你想要的特異性。”

你知道你不應該考慮這個想法，但你還是這麼做了。你所有的朋友都在使用級聯層。你是什麼，一個老土？

我一直覺得今天編寫CSS是多麼令人驚嘆。就在今天早上，我還在郵件中討論了一系列UI持久控件的想法，如果一年前不是因為新的特性，比如錨點定位、滾動時間線、自動高度過渡和彈出框，這些想法聽起來簡直是瘋了。我們仍然處於所有這些事物（以及許多其他事物）的早期階段，還沒有看到所有令人驚嘆的可能性實現。令人興奮的時代！

Chris從2013年就開始保留CSS願望清單，並在2019年對其進行了跟進。我們都希望看到CSS能做些什麼，無論我們獲得了多少閃亮的新特性，我們都會一直這樣。讓我們回顧一下2013年的願望：

1. ✅ “我希望能夠根據元素是否包含另一個特定選擇器來選擇元素。” 你好，:has()！
2. ❌ “我希望能夠根據元素包含的內容來選擇元素。”
3. ❌ “我希望有多個偽元素。”
4. ✅ “我希望能夠動畫/過渡到height: auto;” 是的，我們做到了！
5. ? “我希望有Sass的功能，例如@extend，@mixin和嵌套。” 我們已經實現了嵌套部分，並且在mixins方面取得了一些進展。
6. ❌ “我希望有::nth-letter，::nth-word等等。”
7. ✅ “我希望所有主要瀏覽器都能自動更新。” 這一個已經實現了。

所以，大約7個願望實現了3.5個。很可能其中一些東西在某些時候不受歡迎了（自從第一個願望清單以來，我沒有聽到任何人哭著喊著要一個新的偽元素）。 Chris這樣重新表述了這個清單：

• 父查詢。例如，以任何方式選擇一個元素，然後選擇該元素的父元素。我們有一些證據表明，使用:focus-within是可能的。
• 容器查詢。在元素本身處於特定條件下時選擇特定元素。
• 表單元素的標準化樣式。
• Has/Contains選擇器。
• 到自動尺寸的過渡。
• 視口單位的改進處理。

我們已經完成了大部分工作！我們可以查詢父元素和容器。我們正在探索可樣式化的選擇器和字段大小。我們了解:has()，並且我們仍然對到固有尺寸的過渡感到興奮。我們公開討論過CSS是否太多了（並沒有）。

但是你的CSS願望清單上還有什麼？ 具有諷刺意味的是，Adam Argyle就在今天早上進行了這項練習，我喜歡他將事情分解成面向用戶的願望清單和麵向開發者的願望清單的方式。我的意思是，一個CSS輪播？是的，請！我喜歡他的清單和所有類似的清單。

我們將總結並列出一個清單——所以請告訴我們！

以上是您的CSS願望清單上還有什麼？的詳細內容。更多資訊請關注PHP中文網其他相關文章！