Cụm từ tìm kiếm vùng chứa CSS là tính năng mới của CSS mà các nhà phát triển web rất quan tâm. Loại thiết kế này có thể mở 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ẵn sàng giúp bạn áp dụng các mẫu thiết kế bố cục mới và luôn đón đầu các xu hướng mới nhất. Với sự hỗ trợ của tính năng CSS, giờ đây bạn có thể kiểm tra và gỡ lỗi các truy vấn vùng chứa trong Công cụ cho nhà phát triển.
Video ở trên cung cấp cho bạn thông tin tổng quan về các truy vấn vùng chứa, cú pháp của các truy vấn đó và cách kiểm tra các truy vấn đó trong Công cụ cho nhà phát triển.
Giờ đây, bạn có thể khám phá các thành phần vùng chứa và các thành phần con cháu của chúng với huy hiệu tương ứng chuyển đổi lớp phủ đường chấm.
Kiểm tra quy tắc @container áp dụng cho các thành phần con khi các vùng chứa đáp ứng các điều kiện truy vấn.
Để tìm hiểu thêm về khả năng hỗ trợ truy vấn vùng chứa trong Công cụ cho nhà phát triển, hãy xem bài viết Kiểm tra và gỡ lỗi truy vấn vùng chứa CSS.