CSS kapsayıcı sorguları, web geliştiricilerin heyecan duyduğu yeni CSS özelliğidir. Sayfa tabanlı duyarlı tasarımdan kapsayıcı tabanlı duyarlı tasarıma geçişle web tasarımında bir devrim başlatabilir.
Chrome Geliştirme Araçları, yeni düzen tasarım kalıplarını benimsemenize ve en son trendleri takip etmenize yardımcı olur. Bu CSS özelliğinin desteğiyle artık DevTools'da kapsayıcı sorgularınızı inceleyebilir ve hata ayıklayabilirsiniz.
Yukarıdaki videoda kapsayıcı sorgularına, söz dizimi ve DevTools'ta nasıl inceleneceklerine dair genel bir bakış sunulmaktadır.
Artık noktalı çizgi yer paylaşımını açan ilgili rozeti kullanarak kapsayıcı öğeleri ve bunların alt öğelerini keşfedebilirsiniz.
Kapsayıcılar sorgu koşullarını karşıladığında alt öğelere uygulanan @container kurallarını inceleyin.
DevTools'ta kapsayıcı sorgularının desteklenmesi hakkında daha fazla bilgi edinmek için CSS kapsayıcı sorgularını inceleme ve hata ayıklama başlıklı makaleyi inceleyin.