Intern
Разкажи ми за последния интересен факт, който научи за CSS.
sobes.tech AI
Отговор от AI
В CSS се появи много интересна възможност — Container Queries (Запитвания към контейнера). Те позволяват да се прилагат стилове не само в зависимост от размера на прозореца на браузъра (като media queries), но и в зависимост от размера на родителския контейнер. Това е особено полезно за създаване на адаптивни компоненти, които могат да променят вида си в зависимост от мястото, където се използват, а не само от ширината на екрана.
Пример за използване:
.card {
container-type: inline-size;
}
@container (min-width: 400px) {
.card {
background-color: lightblue;
}
}
Тук .card става контейнер, и вътре в него стиловете се променят, ако ширината на контейнера е по-голяма от 400px. Това отваря нови възможности за модулен и адаптивен дизайн.