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

Sofia Emelianova
Sofia Emelianova

Zapytania o kontener CSS to nowa funkcja CSS, która cieszy się dużym zainteresowaniem wśród programistów. Może to wywołać rewolucję w projektowaniu stron internetowych – od elastycznego projektowania stron do elastycznego projektowania opartego na kontenerach.

Narzędzia deweloperskie w Chrome pomogą Ci w wdrażaniu nowych wzorów projektowania układów i śledzeniu najnowszych trendów. Dzięki tej funkcji CSS możesz teraz sprawdzać i debugować zapytania dotyczące kontenera w Narzędziach deweloperskich.

Na filmie powyżej znajdziesz omówienie zapytań dotyczących kontenera, ich składni i sposobów ich sprawdzania w DevTools.

Elementy kontenera i ich potomków możesz teraz znaleźć dzięki odpowiedniej plakietce, która przełącza nakładkę z kropkowaną linią.

Odznaka kontenera

Sprawdzanie reguł @container zastosowanych do potomków, gdy kontenery spełniają warunki zapytania.

@container rule.

Więcej informacji o obsługiwaniu zapytań kontenera w DevTools znajdziesz w artykule Sprawdzanie i debugowanie zapytań kontenera CSS.