Wskazówki dla programistów: jak sprawdzać zapytania kontenera CSS
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
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 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ą.
Sprawdzanie reguł @container zastosowanych do elementów potomnych, gdy kontenery spełniają warunki zapytania.
Więcej informacji o obsługiwaniu zapytań kontenera w DevTools znajdziesz w artykule Sprawdzanie i debugowanie zapytań kontenera CSS.
O ile nie stwierdzono inaczej, treść tej strony jest objęta licencją Creative Commons – uznanie autorstwa 4.0, a fragmenty kodu są dostępne na licencji Apache 2.0. Szczegółowe informacje na ten temat zawierają zasady dotyczące witryny Google Developers. Java jest zastrzeżonym znakiem towarowym firmy Oracle i jej podmiotów stowarzyszonych.
Ostatnia aktualizacja: 2022-06-30 UTC.
[[["Łatwo zrozumieć","easyToUnderstand","thumb-up"],["Rozwiązało to mój problem","solvedMyProblem","thumb-up"],["Inne","otherUp","thumb-up"]],[["Brak potrzebnych mi informacji","missingTheInformationINeed","thumb-down"],["Zbyt skomplikowane / zbyt wiele czynności do wykonania","tooComplicatedTooManySteps","thumb-down"],["Nieaktualne treści","outOfDate","thumb-down"],["Problem z tłumaczeniem","translationIssue","thumb-down"],["Problem z przykładami/kodem","samplesCodeIssue","thumb-down"],["Inne","otherDown","thumb-down"]],["Ostatnia aktualizacja: 2022-06-30 UTC."],[],[]]
