从来就没有 CSS4。 永远不会有 CSS4。 CSS4 不存在。
虽然将所有新 CSS 称为 CSS3 在短时间内有效,但它不能反映 CSS 的现状。 如果您阅读有关 CSS3 选择器的内容,那么实际上描述的是 CSS 选择器级别 3 规范的一部分。 实际上,CSS 选择器是标记为已完成且为建议的规范之一。 CSS 工作组目前正在研究 选择器级别 4,其中包含新的提议功能以及级别 3(以及 CSS 1 和 2)中的选择器。 这 不是 CSS4,而是单个规范的级别 4。 CSS 的一小部分。
许多人都在等待 CSS4 发布。 它在哪里? 它什么时候会发布? 答案是永远不会。 CSS4 永远不会发布。 它实际上并不存在。
因此 CSS3 是一个独特的、一次性的机会。 与其制定一个大型规范,不如将它们分成几部分,并将它们都从“级别 3”开始,然后让它们分别演变。 这完全是 有目的的,这样可以使事情独立更快地进行。
问题是? 这几乎 太有效了。 CSS3,也许在更大程度上,“HTML5”成为了(几乎)家喻户晓的名字。 它非常成功,让我们想要再次拉动那个杠杆。 它在很多方面都取得了成功。
- 它推动了浏览器技术向前发展,尤其是在长期停滞不前的技术方面。
- 它让网站所有者开始思考,“嘿,也许现在是更新我们网站的好时机。”。
- 它让教育工作者开始思考,“嘿,也许现在是更新我们的课程的好时机。”。
这对整个网络有好处,对利用它的网站有好处,而且在此过程中还可以赚钱。 我敢说,看到在 CSS3 旗帜下举办的课程和会议赚了多少钱,一定会令人震惊。
我建议我们网页开发者在 W3C CSS 工作组的支持下,开始说“CSS4 发布了!”,并兴奋地谈论它将如何很快上市,并改变 CSS 的实践。
当然,“CSS4”没有任何技术意义。 所有 当前 CSS 规范 都有自己的特定版本,从 1 到 4 不等,但 CSS 作为一个整体没有版本,而且也不需要版本。
无论我们说什么或做什么,CSS 4 都不会上市,也不会改变任何东西。 它也不描述任何技术现实。
那么为什么要这样做呢? 为了营销效果。
我认为他可能说得对。 如果我们都一起努力,它可能会像 CSS3 一样,对每个人都产生类似的积极影响。
如果它要实现,那么使其发展起来的动力是,关于 它是什么有一个明确的单一信息。 CSS3 就像
- border-radius
- 渐变
- 动画和过渡
- 转换
- box-shadow
天哪,现在很难记起来。 但当时,这套东西非常清楚地代表了需要学习的东西,而且它们都非常令人兴奋。
我们会把什么放在 CSS4 的旗帜下呢?
我只想说,如果容器查询能够实现,并且我们把它作为其中的一部分,我将亲自领导这项工作。
还有其他什么吗? 我们能添加到列表中吗? 你想反驳列表中的任何内容吗?
自定义属性肯定要包括!
我只想要一个 :parent() 选择器,就像 jQuery 中的 closest() 一样
“我只想要一个 :parent() 选择器,就像 jQuery 中的 closest() 一样”
我们已经有了
div:has(> a)
选择所有a
的父级 div我们绝对还没有在 CSS 中实现这个功能。 MDN 页面 上列出了它(没有列出任何浏览器支持),但我不确定我们是否曾经获得了父级选择器,而这实际上就是它。
一个用于跟踪 CSS 发展状况的有用参考是工作组大约每年发布一次的“快照”。
最新的已发布版本可以在此处找到:https://www.w3.org/TR/CSS/
当我写这篇文章时,它还是“2018 年快照”,最终在 2019 年 1 月发布。 工作组正在讨论在今年年中之前发布 2020 年快照。
人们一直在讨论将这些快照作为使用基于年份的版本系统来营销 CSS 的基础,类似于 ECMAScript 目前所做的事情。
如果您(Chris 或其他任何人)对如何更好地突出显示 CSS 中新稳定且可用的功能,以及如何让人们对 CSS 2020 感到兴奋,有任何建议,我相信工作组会很乐意听到。
嘿,这太棒了! 我喜欢它不是一个需要让整个社区都参与其中的全新概念,而是已经存在的东西。 只需要在后面加上一点营销手段。 如果是我,我会聘请一名内容策略师和一名设计师,让他们开始创建一个微型网站或目标网页,以清晰明了的方式展示“CSS2019”是什么。 我可以支持它。 现有的快照目标网页太枯燥了。
如果您想要更多营销友好的名称,不妨效仿汽车制造商? 人们似乎已经理解了这个概念
我们将 2020 年初已获得“建议”状态的 CSS 规范集合称为“CSS 2020”。
(如果您对获得“建议”级别需要花费数年时间感到不满意,请尝试改进 CSS 工作组流程。)
这比直接使用“CSS4”要好得多。 但它仍然存在问题。 首先,人们不像以前那样关心 CSS。 人们对行业的 other things 更感兴趣。 我不是想贬低 CSS 或其他任何东西。 我只是在说现实。
像 HTTP/2 这样的东西比“最新版本的 Flexbox”对科技人士来说更令人兴奋。 React Hooks 比网格布局更令人兴奋。 GitHub Actions 比 CSS 连字符更令人兴奋。 易于使用的包管理器或模块捆绑器比新的伪类或伪元素更令人兴奋。 我可以继续说下去… 我再说一遍,我热爱 CSS,而且永远都会热爱它,但它在“令人惊叹和印象深刻”方面的潜力是有限的。
我认为围绕“CSS3”的整个事情的发生是有原因的,这是我们无论如何努力都无法复制的事情。 这就像试图通过向上拉扯植物的茎来让它生长一样。
Houdini? 当然! 让我们完成它吧。 我们已经等了… 3-4 年了,就等它发布。
为什么网格只是可能? 我想说网格和自定义属性(也许还有支持查询?)是我们最喜欢的虚构版本的定义特征:D
应该有 CSS4,而且它应该看起来像 Sass。
元素查询
@.element (max-width = 200px) { … }
@.element (min-width = 201px) and (max-width=400px) { … }
CSS 中的变量是一个值得一提的大事
父级选择器! 这是必须实现的功能!
在思考这个问题以及 Louis 的相反观点时,我同意你的看法和 PPK 的看法。 事情是这样的,CSS3 和 HTML5 最初并不是营销手段,但最终它们变成了营销手段。 许多从技术上讲不属于该规范的功能都被归类到这些标签之下,因为它们代表了每项新技术中的所有新内容(就像 ES6 成为 JavaScript 中新功能的代名词一样,即使它已经改名,而且我们已经转向了新的年度规范)。
我认为这很有帮助,因为它让人们的大脑有了组织大量新概念的方法。 对我来说,它与其说是让人们对 CSS 感到兴奋,不如说是让人们将大量不同的功能规范整合到一个名为“CSS 中的新功能”的伞形概念下,我们可以围绕它来组织内容(课程、文章、视频、教程等)。
无论如何,这是我最初想到的一些想法。
正如我在我的文章中解释的那样,这是自然发生的。 这就是它有效的原因。 试图强迫它不会奏效。
我严重怀疑我们是否会看到容器查询。 感觉如果要实现的话,早就应该实现了。
父选择器会很不错。
占位符或基于变量的规则,类似于我们可能期望的 less 或类似功能。
条件选择器怎么样?
如果 (条件) 规则类型的东西。
如果 CSS 变得更接近于图灵完备语言,我们可以用它做更多聪明的事情。
某种方式将 CSS 规则应用于画布绘制的元素 (CSS 到 WebGL) 桥梁或类似的东西。
我认为“CSS4”的想法有明显的优缺点。是的,从“营销角度”来看,这很棒,但从长远来看,如果我们在它是一个不准确的术语时宣布“CSS4”,我们是否把自己逼入了死角?几年后会发生什么,当他们开始期待 CSS5 时?
所有级别的 CSS 都很棒!
向所有幕后努力为我们提供更安全、更清洁、更具活力的网络,以及无压力生成网页的方式的杰出人士表示感谢。
这是一个老派的挑战。
在网络的早期,运行一段视频需要一页代码,居中一个图标需要一个小时(这里没有 FA),一个非常聪明的人才能创建一个下拉式多级菜单——所有这些都无需网络(没有“Siri”,所以你必须买一本书来学习“如何”)。
挑战
让我们看看我们是否能在那个时候作为编码人员胜任。让我们熟悉一下 1x1 gif 和标签、堆叠 < >,看看我们是否能使用网络诞生的 CSS 制作出一个引人注目的页面。
预期结果
对 1G 编码人员和“旧”网络的尊重,并对那些努力工作的出色 CSS 开发人员表示感谢,他们让像我们这样的可怜的编码人员轻松自如!:)
我们遇到了问题!
https://css4-selectors.com/selectors/
http://html6test.com/index.html
这里有一些更新。
从那时起,在主题中还有更多讨论。我现在不得不退出,我认为我不适合参与这种大型对话。
现在有一个社区组。几周前我尝试申请成为成员,但我没有收到回复。
Rachel 写了一篇文章,她仍然不喜欢它。
我相信全球大流行病没有帮助,但对我来说感觉这股热潮正在消退。
作为一名 CSS 爱好者,并且视力有障碍,我对所有关于文本到语音的标记感到非常兴奋。终于!用于为文本到语音添加深度和动态的工具。除了制作屏幕阅读器的人(他们为这些该死的东西赚了足够的钱)拒绝支持它,浏览器制造商没有添加浏览器内文本到语音报告,然后过了相当一段时间,整个事情就被弃用了。
我认为这是一件令人遗憾的事情,所以如果真正的可访问性(不仅仅是为盲人,而是为任何其他群体)能够以这样一种方式推动,即浏览器制造商开始支持它,而传统的文本到语音公司将面临支持标记或灭绝的选择,我将非常感谢。
推动整体更好的可访问性,不仅仅是在文本到语音领域,还包括支持盲文和其他残疾人的其他辅助功能,这得到了我的支持。
Alexa 和 Audible 都是典型例子,说明一些对残疾人来说可访问的东西也可以非常方便,并受到公众的欢迎。
目前还不确定如何实现,但看到 CSS 对多维图形或文本处理的支持会很棒。例如,将平面的图像或文本片段制作成 3D 等。实际上不是指文本阴影,而是真正改变字母或图形/图标部分的形状。