Intern
Povedaj mi o poslednom zaujímavom fakte, ktorý si sa dozvedel o CSS.
sobes.tech AI
Odpoveď od AI
V CSS sa objavila veľmi zaujímavá funkcia — Container Queries (Dotazy na kontajnery). Umožňujú aplikovať štýly nielen v závislosti od veľkosti okna prehliadača (ako media queries), ale aj od veľkosti rodičovského kontajnera. To je obzvlášť užitočné pre tvorbu adaptívnych komponentov, ktoré môžu meniť svoj vzhľad v závislosti od miesta použitia, a nie len od šírky obrazovky.
Príklad použitia:
.card {
container-type: inline-size;
}
@container (min-width: 400px) {
.card {
background-color: lightblue;
}
}
Tu sa .card stáva kontajnerom a vo vnútri neho sa štýly menia, ak je šírka kontajnera väčšia ako 400px. To otvára nové možnosti pre modulárny a adaptívny dizajn.