CSS kapsayıcı sorguları, web geliştiricilerinin büyük heyecan duyduğu yeni CSS özelliğidir. Bu, sayfa tabanlı duyarlı tasarımdan kapsayıcı tabanlı duyarlı tasarıma kadar web tasarımında bir devrimi tetikleyebilir.
Chrome Geliştirici Araçları, yeni düzen tasarım kalıplarını benimsemenize ve en son trendleri takip etmenize yardımcı olmaya hazır. Bu CSS özelliği sayesinde artık Geliştirici Araçları'nda kapsayıcı sorgularınızı inceleyebilir ve hata ayıklayabilirsiniz.
Yukarıdaki videoda kapsayıcı sorguları, söz dizimi ve bunları Geliştirici Araçları'nda nasıl inceleyeceğinizle ilgili genel bir bakış sunulmaktadır.
Noktalı çizgili bir yer paylaşımını açan ilgili rozet sayesinde artık kapsayıcı öğelerini ve alt öğelerini keşfedebilirsiniz.
Kapsayıcılar sorgu koşullarını karşıladığında alt öğelere uygulanan @container
kurallarını inceleyin.
Geliştirici Araçları'nda 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.