Wskazówki dla programistów: jak sprawdzać zapytania kontenera CSS

Sofia Emelianova
Sofia Emelianova

Zapytania dotyczące kontenerów CSS to nowa funkcja CSS, która cieszy się zainteresowaniem programistów stron internetowych. Może zapoczątkować rewolucję w projektowaniu stron internetowych – od responsywnego projektowania stron w oparciu o kontenery po elastyczne projektowanie oparte na kontenerach.

Narzędzia deweloperskie w Chrome pomogą Ci wdrażać nowe wzorce projektowania układów i być na bieżąco z najnowszymi trendami. Dzięki obsłudze tej funkcji CSS możesz teraz sprawdzać i debugować zapytania dotyczące kontenerów w Narzędziach deweloperskich.

Powyższy film zawiera omówienie zapytań dotyczących kontenerów, ich składni oraz sposobu ich inspekcji w Narzędziach deweloperskich.

Teraz możesz odkrywać elementy kontenera i ich elementy podrzędne za pomocą odpowiedniej plakietki, która przełącza nakładkę przerywaną z kresków.

Plakietka kontenera.

Sprawdź reguły @container stosowane do elementów podrzędnych, gdy kontenery spełniają warunki zapytania.

@container.

Aby dowiedzieć się więcej o obsłudze zapytań dotyczących kontenerów w Narzędziach deweloperskich, przeczytaj artykuł Sprawdzanie i debugowanie zapytań dotyczących kontenerów CSS.