首页 > web前端 > css教程 > 您的CSS愿望清单上还有什么?

您的CSS愿望清单上还有什么?

尊渡假赌尊渡假赌尊渡假赌
发布: 2025-03-07 17:07:09
原创
339 人浏览过

CSS愿望清单:你还有什么期待?

What ELSE is on your CSS wishlist?

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中文网其他相关文章!

本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板