Generuokite CSS kiekio užklausas su QQ Builder
Keletas kūrėjų žino ar naudojasi CSS kiekio užklausos jų interneto svetainėse. Tai gana sudėtinga funkcija, bet taip pat naudinga, kai jūs talpykloje yra įvairių daiktų.
Kiekio užklausa gali keisti / atnaujinti CSS savybes remiantis iš anksto nustatytos vaikų elementų ribos. Pavyzdžiui, jei turite daugiau nei trys elementai sąraše galite sumažinti šriftą, kad sutaupytumėte kambarį. Kitas pavyzdys yra atnaujinti nuorodos plotį remiantis nuorodų skaičius naršymo meniu.
Tokios užduotys gali būti greitai įveikti bet dėka Kiekio užklausų kūrėjas jums nereikia įsiminti jokios painios sintaksės.
Ši žiniatinklio programa generuoja visą kodą taupyti laiką. Tau reikia pasirinkite iš trijų meniu kad pritaikytumėte kiekio užklausą. Jie dirba taip:
- Selektorius - kuris vaiko elementas (-ai) turi būti skaičiuojamas
- Užklausos tipas - pasirinkti “labiausiai”, “bent jau”, arba “labiausiai” & “bent jau”
- Suma - bendras filtruojamų elementų skaičius
Tai atrodo klaidinantis kodą, bet tai tikrai paprasta sąvoka. Kiekio užklausos leidžia taikyti CSS savybes atsižvelgiant į bendrą vaikų elementų skaičių.
Taigi galite pridėti tam tikrus CSS stilius kai yra, tarkim, bent jau 4 vaiko elementai (4 ar daugiau). Arba galite pridėkite stilių tik tada, kai ten yra labiausiai 4 vaiko elementai (0-4 vaikai).
Kombinuotasis selektorius leidžia jums nustatyti tiksliai kiek minimalių ir maksimalių vaikų yra reikalingos tam tikroms CSS savybėms rodyti.
Pirmiau pateiktame paveikslėlyje esančiame pavyzdyje nustatiau iš viso “labiausiai” elementus Tai reiškia, kad kai aš turiu 0, 1 arba 2 vaikus, blokai yra raudoni. Jei pridedu dar vieną, kad gautumėte 3 vaikus, visi blokai tampa mėlyni.
Jei neturite idėjos, kas vyksta, galite spustelėkite mažą informacijos langelį šoninėje juostoje. Jis atvers modalinis langas su faktais ir sintakse kiekio užklausos funkcijos paaiškinimas.
Tai labai patogi priemonė tiek pradedantiesiems, tiek patyrusiems kūrėjams. Tai bus sutaupyti daug laiko ilgainiui ir tai jums padės kurti dinamiškesnes svetaines.
Norėdami pradėti, apsilankykite QQ statybininko svetainėje ir pradėkite tinkinti savo funkcijas. Tu gali žaislas su rezultatais ir patikrinkite tiesioginį peržiūrą dešinėje srityje, kad sužinotumėte, kaip jūsų pakeitimai veikia vaiko elementus.
Šis projektas taip pat yra galima rasti „GitHub“ todėl jūs galite laisvai patikrinkite šaltinio kodą ar net atsisiųskite kopiją vietoje. Ir jei jums patinka ši programa arba turite kokių nors klausimų / pasiūlymų kūrėjui Drew Minns, galite jį nufotografuoti greitai..
