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

Sofia Emelianowa
Sofia Emelianova

Zapytania dotyczące kontenera CSS to nowa funkcja CSS, z której korzystają deweloperzy stron internetowych. Może zaowocować rewolucją w projektowaniu stron internetowych – od elastycznego projektowania stron po elastyczne projektowanie oparte na kontenerach.

Narzędzia deweloperskie w Chrome pomogą Ci wdrażać nowe wzorce układu graficznego 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.

W powyższym filmie znajdziesz omówienie zapytań w kontenerach, ich składni i sposobów sprawdzania ich w Narzędziach deweloperskich.

Możesz teraz odkrywać elementy kontenera i ich elementy podrzędne przy użyciu odpowiedniej plakietki, która przełącza nakładkę z linią przerywaną.

Plakietka kontenera.

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

Reguła @container.

Więcej informacji o obsłudze zapytań dotyczących kontenerów w Narzędziach deweloperskich znajdziesz w artykule Sprawdzanie i debugowanie zapytań kontenera CSS.