Mẹo cho Công cụ cho nhà phát triển: Cách kiểm tra truy vấn vùng chứa CSS
bookmark_borderbookmark
Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Sofia Emelianova
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.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 2022-06-30 UTC."],[],[]]