Luo CSS-määrälliset kyselyt QQ Builderilla
Harvat kehittäjät tietävät tai käyttävät niitä CSS-määrän kyselyt verkkosivuillaan. Se on melko monimutkainen ominaisuus, mutta myös hyödyllinen, kun sisältää vaihtelevia kohteita astiassa.
Määrällisen kyselyn voi muuttaa / päivittää CSS-ominaisuuksia perustuen lasten elementtien ennalta määritetyt rajat. Jos sinulla on esimerkiksi enemmän kuin kolme kohdetta luettelossa saatat tehdä fontin pienemmäksi tilaa säästääkseen. Toinen esimerkki on linkin leveyden päivittäminen perustuu linkkien määrä navigointivalikossa.
Tällaiset tehtävät voivat saada monimutkainen nopeasti mutta kiitos Määrällisten kyselyjen luominen sinun ei tarvitse muistaa mitään sekavaa syntaksi.
Tämä web-sovellus luo kaiken koodin sinulle ajan säästämiseksi. Sinun täytyy valitse kolmesta pudotusvalikosta jotka mukauttavat määrääsi kyselyn. He työskentelevät näin:
- Valitsin - mikä lapsielementti (t) on laskettava
- Kyselyn tyyppi - valita “enintään”, “vähintään”, tai yhdistelmä “enintään” & “vähintään”
- Määrä - suodatettavien kohteiden kokonaismäärä
Tämä näyttää sekavalta koodissa, mutta se on todella yksinkertainen käsite. Määrällisten kyselyiden avulla voit käyttää CSS-ominaisuuksia perustuu lasten elementtien kokonaismäärään.
Niin sinä voit lisää tiettyjä CSS-tyylejä kun on, sano, vähintään 4 lapsielementtiä (4 tai enemmän). Tai voit lisää tyylejä vain silloin, kun siellä on enintään 4 lapsielementtiä (0-4 lasta).
Yhdistelmävalitsimen avulla voit määrittää kuinka monta vähimmäis- ja maksimi-lasta ovat tarpeen tiettyjen CSS-ominaisuuksien näyttämiseksi.
Yllä olevassa kuvassa olevassa esimerkissä olen asettanut kaikki yhteensä “enintään” kohdetta Tämä tarkoittaa, että kun minulla on 0, 1 tai 2 lasta, lohkot ovat punaisia. Jos lisäät vielä yhden saadakseni 3 lasta, kaikki lohkot muuttuvat sinisiksi.
Jos sinulla ei ole aavistustakaan, mitä voit tehdä napsauta pientä tietokenttää sivupalkissa. Se tuo esiin modaalinen ikkuna, jossa on faktoja ja syntaksia selittää määrän kyselyn ominaisuutta.
Tämä on erittäin kätevä työkalu sekä aloittelijoille että kokeneille kehittäjille. lyhennys muodosta 'it will' säästää paljon aikaa pitkällä aikavälillä ja se auttaa sinua luoda dynaamisempia sivustoja.
Aloita aloittamalla QQ-rakentajan verkkosivu ja aloita ominaisuuksien mukauttaminen. Sinä pystyt lelu ja tulokset ja tarkista live-esikatselu oikealla ruudulla, miten muutokset vaikuttavat lapsen elementteihin.
Tämä projekti on myös GitHubissa joten olet vapaa tutustu lähdekoodiin tai jopa ladata kopion paikallisesti. Ja jos rakastat tätä sovellusta tai sinulla on kysyttävää / ehdotuksia tekijälle Drew Minns, voit ampua hänet nopeasti piilottamalla @drewisthe.
