Wskazówki dla programistów: jak sprawdzać zapytania kontenera CSS
bookmark_borderbookmark
Zadbaj o dobrą organizację dzięki kolekcji
Zapisuj i kategoryzuj treści zgodnie ze swoimi preferencjami.
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ą.
Sprawdzanie reguł @container zastosowanych do potomków, gdy kontenery spełniają warunki zapytania.
[[["Ł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."],[],[]]