Tương lai của CSS: State Container Queries

• Nhóm Chromium đang thử nghiệm một loại query mới
• Năm ngoái, Size Container Query đã bắt đầu được hỗ trợ trên tất cả các trình duyệt lớn
  • Có thể query dựa trên chiều rộng của container
• Giờ đây còn có thêm Style query: kiểm tra xem có biến CSS cụ thể hay không. Hiện mới chỉ dùng được trên Chrome Canary
• State query là query dựa trên giá trị trạng thái
  • Có thể kiểm tra xem các trạng thái như position: sticky có đang được kích hoạt hay không, và chỉ định style riêng theo hướng như @container state(stuck: top)
  • Cũng có thể kiểm tra liệu flex-wrap đã xảy ra hay chưa như @container header state(wrap: true)
  • Cũng có thể xử lý theo hướng của tài liệu ltr rtl, ví dụ @container state(dir: rtl)

[alstjr7375]

CSS toggle cũng vậy, có vẻ như ngày mà câu "tôi lập trình bằng CSS" trở thành hiện thực đang dần đến..

[xguru]

https://github.com/kkuchta/css-only-chat

Cũng từng có cái này nữa.. một ứng dụng chat được triển khai chỉ bằng CSS

[alstjr7375]

Đỉnh thật đấy, ghê thật.