Les requêtes de conteneur CSS sont la nouvelle fonctionnalité CSS qui suscite l'intérêt des développeurs Web. Elle est susceptible de révolutionner la conception Web, qu'il s'agisse du responsive design basé sur les pages ou du responsive design basé sur des conteneurs.
Les outils pour les développeurs Chrome sont là pour vous aider à adopter de nouveaux modèles de mise en page et à rester au fait 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 vous donne un aperçu des requêtes de conteneurs, de leur syntaxe et de la façon de les inspecter dans les outils de développement.
Vous pouvez désormais découvrir des éléments de conteneurs et leurs descendants avec le badge correspondant qui active la superposition de lignes 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 prise en charge des requêtes de conteneur dans les outils de développement, consultez Inspecter et déboguer des requêtes de conteneur CSS.