2024年：過去10年を合わせたよりも多くのCSS ATルール

記事を書くとき、私はしばしば、トピックにわずかに関連するいくつかの興味深いトピックを予期せず掘り下げます。最終的には、ほとんどの読者が記事をクリックするときに何かを期待することを知っていたので、私は研究と執筆の時間の削除またはアーカイブの痛みに耐えなければなりませんでした。

これは、月曜日にAt-Ruleに関する記事を書いたときに起こりました。私はもともと、CSS AT-Ruleのブラウザサポートをテストするいくつかの方法に焦点を当てていました。その過程で、私は気づき始めましたすごい、私たちは今、非常に多くの新しい登録を持っています。これは、私の記事を終えた後、私が落ちたウサギの穴です。

私の直感が正しいことがわかりました：

2024年に追加された新しいATルールの数は、過去10年間のCSSの合計を超えています。

それはすべて私の自己質問から始まりました：なぜアットルールに

ラッパー関数があるのに、まだ@supportsバージョンを待っているのですか？正確な理由はわかりませんが、当時は多くのアットレールがなかったため、アットレールの支持的な需要を確認することは緊急ではないと確信しています。 selector() at-rule()いくつかの歴史的背景

CSS 2の推奨事項が1998年にリリースされた頃、

および

がCSS仕様に入った唯一のアットルールでした。この状況は、2011年にCSS 2.1によって

の導入まで続きました。もちろん、それぞれのモジュールでデビューした@import、@page、@mediaなどの他のアートレールがいくつかあります。現時点では、CSSはセマンティックバージョンの断線を放棄し、仕様は全体的な状況を提示するのではなく、機能に従ってさまざまなモジュールを整理しました。 @font-face トピックのオフ：最新の@namespace受け入れられたコンセンサスは、私たちが「CSS 3」段階にいると考えていますが、これは10年前であり、一部の人々はCSS 5ステージに入るべきだとさえ言いました。私たちがどの段階にいても、それは問題ではありませんが、それは議論中のトピックです。名前付きバージョンを持っていると本当に便利ですか？ @keyframes

AT-Ruleは2011年にCSS条件規則モジュールレベル3でリリースされました。レベル1と2は公式には存在しませんが、元のCSS 1および2の推奨事項を参照しています。ほとんどのブラウザが本当にサポートしていたのは2015年までではありませんでしたが、それまでに既存のAT-Ruleが広くサポートされていました。 新しいプロパティと値のみの場合、スタイルを適用しようとする前に、CSS機能のブラウザサポートをテストするように設計されています。

データ

@supports今日の時点で、CSSには少なくとも1つの主要なブラウザによってサポートされている18のAT-Ruleがあります。各ATルールがもともとCSSWGワーキングドラフトで定義されていた年を見ると、それらはすべてかなり安定したペースで公開されていることがわかります：@supports ただし、ブラウザごとにサポートされているAT-Ruleの数をチェックすると、ブラウザアクティビティに大きな違いが表示されます。

メインブラウザによってリリースされる各ATルールの最後の年のみに焦点を当てた場合、2024がこれまでのところ驚くべき7

私はこの種の思考実験が好きです。あなたが取り組んでいることは、同じトピックの研究につながりますが、トピックに関連しています。それはあなたが毎日ブックマークして参照するものではないかもしれませんが、それは会話の良いトピックです。少なくとも、CSS 3が最初にリリースされて以来見られなかった

本当にの速い開発のように、CSSが急速に発達しているという感覚を確認します。

また、所有していないCSS機能の背景も提供します。当時は

関数はほとんどありませんでした。現在、私たちは過去10年よりも多くのアットルールを追加しました。そのため、Chromeチームが先週、「New」から「Assioned」に機能の状態を更新したことは驚くことではありません。 at-rule() 最後のポイント：CSSアルマナックを更新して、AT-Ruleを含むCSS機能を追加するように拡張したため、AT-Ruleを検討しています。私はそれを完璧にすることに取り組んでいます。また、ゲストライターになることで支援することもできます。

以上が2024年：過去10年を合わせたよりも多くのCSS ATルールの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。