Le query contenitore CSS sono la nuova funzionalità CSS che entusiasma gli sviluppatori web. Potrebbe innescare una rivoluzione nel web design, passando dal reindirizzamento basato su pagine a quello basato su adattatori.
Chrome DevTools ti aiuta ad adottare nuovi pattern di progettazione del layout e a rimanere al passo con le ultime tendenze. Con il supporto di questa funzionalità CSS, ora puoi ispezionare ed eseguire il debug delle query dei container in DevTools.
Il video riportato sopra offre una panoramica delle query dei container, della loro sintassi e di come controllarle in DevTools.
Ora puoi scoprire gli elementi contenitore e i relativi discendenti con il badge corrispondente che attiva/disattiva un overlay con linea tratteggiata.
Controlla le regole @container applicate ai discendenti quando i container soddisfano le condizioni della query.
Per scoprire di più sul supporto delle query sui container in DevTools, consulta Esaminare ed eseguire il debug delle query sui container CSS.