- 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)
3 bình luận
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..
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
Đỉnh thật đấy, ghê thật.