Sobes.tech
Intern

Pastāsti man par pēdējo interesanto faktu, ko uzzināji par CSS.

sobes.tech AI

Atbilde no AI

CSS ir parādījās ļoti interesanta iespēja — Container Queries (Konteineru vaicājumi). Tie ļauj piemērot stilus ne tikai atkarībā no pārlūkprogrammas loga izmēra (kā media queries), bet arī atkarībā no vecāku konteineru izmēra. Tas ir īpaši noderīgi, veidojot adaptīvas komponentes, kas var mainīt savu izskatu atkarībā no tā, kur tās tiek izmantotas, ne tikai no ekrāna platuma.

Piemērs:

.card {
  container-type: inline-size;
}

@container (min-width: 400px) {
  .card {
    background-color: lightblue;
  }
}

Šeit .card kļūst par konteineru, un tā iekšienē stili mainās, ja konteineru platums ir lielāks par 400px. Tas atver jaunas iespējas modulāram un adaptīvam dizainam.