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

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

Mar 07, 2025 pm 05:07 PM

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

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

Video Face Swap

Video Face Swap

使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热工具

记事本++7.3.1

记事本++7.3.1

好用且免费的代码编辑器

SublimeText3汉化版

SublimeText3汉化版

中文版,非常好用

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境

Dreamweaver CS6

Dreamweaver CS6

视觉化网页开发工具

SublimeText3 Mac版

SublimeText3 Mac版

神级代码编辑软件(SublimeText3)

VUE 3 VUE 3 Apr 02, 2025 pm 06:32 PM

它的出局!恭喜Vue团队完成了完成,我知道这是一项巨大的努力,而且很长时间。所有新文档也是如此。

您可以从浏览器获得有效的CSS属性值吗? 您可以从浏览器获得有效的CSS属性值吗? Apr 02, 2025 pm 06:17 PM

我有人写了这个非常合法的问题。 Lea只是在博客上介绍了如何从浏览器中获得有效的CSS属性。那样的是这样。

在CI/CD上有点 在CI/CD上有点 Apr 02, 2025 pm 06:21 PM

我说的“网站”比“移动应用程序”更合适,但我喜欢Max Lynch的框架:

带有粘性定位的堆叠卡和一点点的杂物 带有粘性定位的堆叠卡和一点点的杂物 Apr 03, 2025 am 10:30 AM

前几天,我发现了科里·金尼文(Corey Ginnivan)网站上的这一点,当您滚动时,彼此之间的卡片堆放集。

在WordPress块编辑器中使用Markdown和本地化 在WordPress块编辑器中使用Markdown和本地化 Apr 02, 2025 am 04:27 AM

如果我们需要直接在WordPress编辑器中向用户显示文档,那么最佳方法是什么?

比较浏览器的响应式设计 比较浏览器的响应式设计 Apr 02, 2025 pm 06:25 PM

这些桌面应用程序中有许多目标是同时在不同的维度上显示您的网站。因此,例如,您可以写作

如何将CSS网格用于粘头和页脚 如何将CSS网格用于粘头和页脚 Apr 02, 2025 pm 06:29 PM

CSS网格是一系列属性的集合,旨在使布局比以往任何时候都容易。像任何东西一样,那里有一点学习曲线,但是网格是

Google字体可变字体 Google字体可变字体 Apr 09, 2025 am 10:42 AM

我看到Google字体推出了新设计(Tweet)。与上一次大型重新设计相比,这感觉更加迭代。我几乎无法分辨出区别

See all articles