Les requêtes de conteneur CSS constituent la nouvelle fonctionnalité CSS qui plaît aux développeurs Web. Cela pourrait révolutionner la conception Web, du responsive design basé sur les pages au responsive design basé sur des conteneurs.
Les outils pour les développeurs Chrome vous aident à adopter de nouveaux modèles de mise en page et à rester informé des dernières tendances. Grâce à la prise en charge de cette fonctionnalité CSS, vous pouvez désormais inspecter et déboguer vos requêtes de conteneur dans les outils de développement.
La vidéo ci-dessus présente les requêtes de conteneur, leur syntaxe et la manière de les inspecter dans les outils de développement.
Vous pouvez désormais découvrir des éléments de conteneurs et leurs descendants à l'aide du badge correspondant qui active une superposition en pointillés.
Inspectez les règles @container appliquées aux descendants lorsque les conteneurs remplissent les conditions de la requête.
Pour en savoir plus sur la compatibilité des requêtes de conteneur dans les outils de développement, consultez Inspecter et déboguer les requêtes de conteneur CSS.