Conseils concernant les outils de développement: inspecter les requêtes de conteneur CSS
bookmark_borderbookmark
Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
Sofia Emelianova
Les requêtes de conteneur CSS sont une nouvelle fonctionnalité CSS qui enthousiasme les développeurs Web. Il pourrait déclencher une révolution dans la conception Web, du responsive design basé sur les pages au responsive design basé sur les conteneurs.
Les outils pour les développeurs Chrome sont là pour vous aider à adopter de nouveaux modèles de conception de mise en page et à rester au fait des dernières tendances. Grâce à cette fonctionnalité CSS, vous pouvez désormais inspecter et déboguer vos requêtes de conteneur dans DevTools.
La vidéo ci-dessus présente les requêtes de conteneur, leur syntaxe et comment les inspecter dans DevTools.
Vous pouvez désormais découvrir les éléments de conteneur 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 répondent aux conditions de requête.
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2022/06/30 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2022/06/30 (UTC)."],[],[]]