Truy vấn vùng chứa CSS là tính năng CSS mới mà các nhà phát triển web rất hào hứng. Điều này có thể tạo ra một cuộc cách mạng trong thiết kế web – từ thiết kế thích ứng dựa trên trang sang thiết kế thích ứng dựa trên vùng chứa.
Công cụ của Chrome cho nhà phát triển sẽ giúp bạn áp dụng các mẫu thiết kế bố cục mới và nắm bắt các xu hướng mới nhất. Nhờ tính năng CSS này, giờ đây, bạn có thể kiểm tra và gỡ lỗi truy vấn vùng chứa trong DevTools.
Video ở trên cung cấp cho bạn thông tin tổng quan về truy vấn vùng chứa, cú pháp của truy vấn và cách kiểm tra truy vấn trong DevTools.
Giờ đây, bạn có thể khám phá các phần tử vùng chứa và phần tử con của chúng bằng huy hiệu tương ứng bật/tắt lớp phủ đường chấm.
Kiểm tra các quy tắc @container được áp dụng cho các phần tử con khi vùng chứa đáp ứng các điều kiện truy vấn.
Để tìm hiểu thêm về tính năng hỗ trợ truy vấn vùng chứa trong DevTools, hãy xem bài viết Kiểm tra và gỡ lỗi truy vấn vùng chứa CSS.