Генеришите ЦСС количинске упите са КК Буилдер-ом
Неколико програмера зна или користи Број ЦСС упита на њиховим веб страницама. То је прилично сложена карактеристика, али и корисна када ви имају различите ставке у контејнеру.
Упит за количину може промените / ажурирате ЦСС својства на бази унапред дефинисана ограничења за подређене елементе. На пример, ако имате више од три ставке на листи можете смањити фонт да бисте уштедели собу. Други пример је ажурирање ширине везе базира на број линкова у навигацијском изборнику.
Овакви задаци могу брзо се компликује али захваљујући Куантити Куериес Буилдер не морате да запамтите конфузну синтаксу.
Ова веб апликација генерише сав код за вас бисте уштедели време. Морате да изаберите из три падајућа менија који прилагођавају количински упит. Они раде овако:
- Селецтор - који дјечји елемент (и) треба да се броје
- Тип упита - Изабери између “Највише”, “барем”, или комбинација “Највише” & “барем”
- Износ - укупан број ставки за филтрирање
Ово изгледа збуњујуће у коду, али то је заиста једноставан концепт. Упити о количини омогућавају да примените ЦСС својства на основу укупног броја подређених елемената.
Тако можете додајте одређене ЦСС стилове када постоји, рецимо, барем 4 дете елемента (4 или више). Или, можете додајте стилове само када постоји Највише 4 дете елемента (0-4 деце).
Комбо селектор вам омогућава да дефинишете тачно колико је деце минимално и максимално су потребне за приказивање одређених ЦСС својстава.
У примеру на слици изнад, поставила сам тотал “Највише” ставке То значи да када имам 0, 1 или 2 дјеце, блокови су црвени. Ако додам још једну да добијем 3 деце онда сви блокови постану плави.
Ако немате појма шта се догађа, можете кликните на мали информативни оквир у бочној траци. То ће довести до модални прозор са чињеницама и синтаксом објашњава карактеристику упита за количину.
Ово је врло згодан алат почетнике и искусне програмере. То ће уштедите много времена на дуге стазе и то ће вам помоћи креирајте динамичније веб странице.
Да бисте започели, посјетите веб-локацију КК градитеља и започните прилагођавање функција. Можете играчку са резултатима и провјерите преглед уживо у десном окну да бисте сазнали како промене утичу на подређене елементе.
Овај пројекат је такође доступно на ГитХуб тако да сте слободни погледајте изворни код или чак преузмите копију локално. А ако волите ову апликацију или имате било каква питања / сугестије за креатора Древ Миннс, можете га брзо убацити у цвркут @древистхе.
