CSS kapsayıcı sorguları, web geliştiricilerinin heyecan duyduğu yeni CSS özelliğidir. Sayfa tabanlı duyarlı tasarımdan kapsayıcı tabanlı duyarlı tasarıma kadar web tasarımında bir devrime yol açabilir.
Chrome Geliştirici Araçları, yeni düzen tasarım kalıplarını benimsemenize ve en son trendlerden haberdar olmanıza yardımcı olur. Bu CSS özelliğinin desteğiyle 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 Geliştirici Araçları'nda nasıl incelenecekleri hakkında genel bir bakış sunulmaktadır.
Noktalı çizgi yer paylaşımını açıp kapatan 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.