Kuinka käyttää useita vanhemman valitsimia

Internet on täynnä inspiraatiota web-suunnitteluun ja työkalut verkkoprojektien tukemiseksi, mikä on hyödyllistä, koska verkkoon suunnittelu voi olla hankalaa. Elämän tekeminen mahdollisimman helpoksi on avain.

Useat vanhemmat tekevät tyylitaulukoista paljon suppeampia, mikä on aina mukavaa. Se vähentää tiedostokokoa ja ylläpitoa, joten se on asia, josta olemme ehdottomasti kiinnostuneita. Tässä on kolme tapaa käyttää useita vanhemman valitsimia.



01. Esiprosessorit

useita vanhemman valitsimia



miten väri luokkaa jälkivaikutuksia
Käytä Sassia

Tällä hetkellä ilmeisin ratkaisu on käyttää esiprosessorin sisäänrakennettua pesintätoimintoa useiden vanhempiemme luetteloimiseksi ja sitten yhden lapsemme sijoittamiseksi siihen. Tämä kääntyy edelleen suhteellisen verbose CSS: ksi, mutta se on mukava ja tiukka lähteessämme.

miten taiteilija käyttää valoa yllä olevassa kuvassa?

02.: ottelut ()

useita vanhemman valitsimia



Käytä pseudovalitsinta

Valitsimien tasolla 4 on näennäisvalitsin, joka tarjoaa tämän natiivisti. : matchs (tai: any, vanhemmissa teknisissä tiedoissa) antaa sinun kirjoittaa paljon enemmän lyhytvalitsimia, joita selain laajentaa sisäisesti.

03. cssnext

useita vanhemman valitsimia

Transpile cssnext

Saaminen: ottelut () toimivat vaativat vähän ylimääräistä työtä. Sitä kutsutaan tosiasiallisesti: any () vanhemmissa teknisissä tiedoissa, ja se vaatii toimittajan etuliitteen. Tätä varten suosittelen käyttöä cssnext uuden syntaksin siirtämiseksi takaisin paremman tuen saamiseksi.



Sanat : Harry Roberts

miten saada maya ajamaan nopeammin

Harry Roberts on konsultti frontend-arkkitehti, kirjailija ja puhuja. Tämä artikkeli ilmestyi alun perin numerossa 276 nettilehti

Piditkö tästä? Lue nämä!