2024: Lebih banyak aturan CSS At dibandingkan gabungan sepuluh tahun terakhir – Beragampengetahuan

Berkali-kali selama proses penulisan saya terjerumus ke dalam topik-topik acak namun menarik yang tidak ada hubungannya dengan postingan aslinya. Pada akhirnya, saya harus membuat pilihan yang sederhana namun menyakitkan untuk menghapus atau mengarsipkan waktu yang dihabiskan untuk meneliti dan menulis karena saya tahu kebanyakan orang memiliki harapan tertentu tentang apa yang akan mereka dapatkan ketika mereka mengklik sebuah postingan, dan saya tahu itu bukan yang saya gunakan dengan CSS Membombardir mereka dengan kata-kata kasar yang tidak relevan.

Hal ini terjadi pada saya saat menulis artikel hari Senin tentang aturan tersebut. Yang saya lakukan hanyalah fokus pada beberapa cara untuk menguji dukungan browser untuk CSS pada aturan. Dalam prosesnya, saya mulai menyadari, OMG, kami punya begitu banyak peraturan baru – Saya ingin tahu berapa banyak peraturan yang berasal dari tahun ini. Saat saya menyelesaikan artikel yang saya tulis, saya mendapati diri saya terjatuh ke dalam lubang kelinci ini.

Coba tebak, firasatku benar: Tahun 2024 akan membawa lebih banyak peraturan dibandingkan CSS dalam satu dekade penuh.

Semuanya bermula ketika saya bertanya pada diri sendiri mengapa kita memiliki a selector() fungsi pembungkus @supports sesuai aturan tapi masih menunggu at-rule() Versi. Saya tidak bisa menunjukkan alasan sebenarnya di sana, tapi saya yakin tidak perlu banyak memeriksa dukungan untuk aturan at karena, ya, jumlahnya tidak banyak – baru belakangan ini kita mendapatkan rejeki nomplok dari peraturan.

beberapa latar belakang sejarah

Jadi, sekitar tahun 1998 ketika rekomendasi CSS 2 dirilis, @import Dan @page Merupakan satu-satunya aturan di yang masuk dalam spesifikasi CSS. Jumlah tersebut cukup banyak hingga rekomendasi CSS 2.1 diperkenalkan pada tahun 2011 @media. Tentu saja, ada aturan lain seperti – @font-face, @namespace Dan @keyframes Beberapa di antaranya – mereka telah melakukan debut di modulnya masing-masing. Pada titik ini, CSS meninggalkan pembuatan versi semantik, dan spesifikasinya tidak memberikan gambaran sebenarnya tentang keseluruhannya, melainkan mengatur modul individual berdasarkan fungsionalitasnya.

Garis singgung acak: yang terakhir diterima Konsensus mengatakan kita berada di “CSS 3”, tapi itu terjadi satu dekade yang lalu, dan beberapa bahkan mengatakan kita harus mulai beralih ke CSS 5. Di mana kita berada bukanlah hal yang penting, meskipun itu pasti merupakan topik yang sedang dibicarakan. Apakah masih berguna untuk memiliki versi bernama?

ini @supports at-rule dirilis pada tahun 2011 di modul Aturan Bersyarat CSS level 3 – level 1 dan 2 secara resmi tidak ada, tetapi lihat saran CSS 1 dan 2 asli. Kami tidak benar-benar mendapatkan dukungan untuk itu di sebagian besar browser hingga tahun 2015, ketika aturan yang ada sudah didukung secara luas. ini @supports Hanya untuk properti dan nilai baru, dimaksudkan untuk menguji dukungan browser terhadap fitur CSS sebelum mencoba menerapkan gaya.

nomor

Saat ini, ada total 18 aturan di CSS, didukung oleh setidaknya satu browser utama. Jika kita melihat pada tahun kapan masing-masing aturan awalnya ditetapkan dalam rancangan kerja CSSWG, kita dapat melihat bahwa semuanya dirilis pada tingkat yang cukup konsisten:

Namun, jika kita memeriksa jumlah aturan AT yang didukung oleh setiap browser per tahun, kita dapat melihat perbedaan besar dalam aktivitas browser:

Jika kita melihat setiap aturan yang dirilis oleh browser-browser besar tahun lalu, kita akan melihat bahwa tahun 2024 memberikan kita pertumbuhan yang sangat besar. tujuh Aturan sejauh ini!

Saya suka eksperimen pemikiran kecil seperti ini. Anda sedang mempelajari sesuatu yang mengarah pada penelitian tentang topik yang sama; Ini mungkin bukan sesuatu yang akan Anda tandai dan rujuk setiap hari, tetapi ini bisa menjadi obrolan koktail yang menyenangkan. Hal ini menegaskan perasaan bahwa CSS berkembang pesat nyata Kami belum melihat sesuatu secepat ini sejak CSS 3 pertama kali dirilis.

Ini juga menambahkan konteks pada fitur CSS yang kita miliki dan tidak miliki. TIDAK at-rule() Berfungsi awalnya karena pada awalnya tidak banyak aturan. Mungkin bukan suatu kebetulan bahwa kita memiliki lebih banyak aturan AT baru dalam seminggu terakhir dibandingkan sepuluh tahun terakhir jika digabungkan Tim Chrome telah memperbarui status fungsi ini dari “Baru” menjadi “Ditugaskan”!

Satu catatan terakhir: alasan saya mempertimbangkan at-rules adalah karena kami memperbarui CSS Almanak, memperluasnya untuk menyertakan lebih banyak fitur CSS, termasuk at-rules. Saya bekerja keras untuk mengisinya, dan Anda dapat membantu dengan menjadi penulis tamu.