, postcss al: om z 'n processor,,,,,,,,,, 34, delen, delen van,,,,,, het netwerk van maandag wat in tuts + koers zal dalen tot slechts drie dollar.Niet' dit artikel niet missen, is een reeks genaamd "postcss diep dive.postcss al deel: voorbehandeling en" precss "samen met de postcss sass, pen, of minder, in de handleiding voor het gebruik van ons heeft uitstekende voorbehandeling precss" pakket ".In deze handleiding, we zullen op verschillende manieren worden benaderd postcss uitgekozen op basis van voorbehandeling; installatie van keuze pas onze   - processor, opstaan,,, ik breng je door mij persoonlijk de installatie, dat is een geweldige combinatie   taal uit te breiden   plug - ins.Maar als het gaat om je je eigen pre - processor kan kiezen wat we gebruiken alleen dekking vanaf hier, of je kunt niets, maar zal   andere keuze.,, dit is een proces dat van de Verenigde Staten; je kan je een verwerker wordt geregeld, maar jij moet kiezen.Het doel van deze handleiding is voor je in een postcss voorbehandeling met de momenteel beschikbare ervaring en vul de plug - in   functie, dan kan je zelf beslissen wat je wil gebruiken, laten we beginnen!,, zet je project, het eerste wat je moet doen is je project met slikken of wel, volgens de voorkeur van je.Als je niet al een of andere beveel ik je met slikken om dezelfde doelen te bereiken moet minder code,,, algemene preferenties, je kan lezen over hoe in de vorige les, postcss installatie export of zware project, postcss - Gids: zuurstof apparaat   of postcss - Gids: gollum, respectievelijk,,, als je niet wil dat je het handmatig vanaf nul beginnen, maar je kan   downloaden in de bijlage bij deze Gids van de bron, de winning van     of voor hem   slikken of de start van het project in een lege project MAP.  ,,, en dan, met een terminal of een commando die wijzen op een map, beschikking van het  , installatie,,, aandacht, plug geïnstalleerd, de les is dat je vorige werk in overeenstemming metIn de reeks en nu vertrouwd te raken met het installeren van projecten en het laden tot je door je gulpfile of gruntfile.,,, het is belangrijk. , we hebben, moet de plug - in - je gulpfile /gruntfile in deze handleiding in de volgorde van de volgorde van je zien, is het van belang om de goede werking van postcss alles toe te voegen aan de invoer,.,.,, beginnen we met onze gewoonte - de eerste verwerker is ingevoerd.Zie je het al postcss in @ invoer in de vereenvoudiging en verbetering van de opleiding en voor de voorbehandeling van precss stijl.De invoer zal worden gebruikt voor het pre - processor is anders.,, we zijn net over de volgorde van de feiten is belangrijk postcss, hier vinden we dat dit het eerste voorbeeld.   willen wij ervoor zorgen dat alle documenten, "in te voeren, is de eerste stap in, dus we hebben we de code in Een lokaal project als we die in de rest van de « plug­in ».  , zullen we, bijvoorbeeld, kunnen we alle variabelen in een lokale   documenten, en het gebruik van   @ invoer,   brengt in   deel van onze belangrijkste stijl.Als we niet de plug, in het dossier in eerste   @ invoer, invoer, de variabelen niet voor ons dus niet   werken en rusten.,, ten eerste, gulpfile bron "stijl veranderen. De CSS", want we moeten beginnen met het invoeren van een deel van de gulpfile, moeten we een aanpassing, voordat We een verhoging van de invoer van functies.  ,,, merkt op: als je niet gaat, moet in deze fase geen veranderingen, en nu hebben we er geen. En in het document "de." "" "map opstellen, maar we willen niet per ongeluk de opstelling van een deel van de documenten.We zullen alles in onze stijl ". De CSS dossier, maar het is de enige die moeten worden opgesteld. Deze lijn:,,,, naar de mond." (". /src /*. De CSS"), te veranderen in:,,..., terug naar de mond. "(" /src /stijl.. De CSS "),,,,,, - gebruik van de invoer, de invoer door Makhteshim - thirouin postcss   https://github.com/postcss/postcss-import:,,, en dat is wat we in" vereenvoudiging en verbetering van het gebruik van de « plug­in » dezelfde les, maar ook voor de precss, dus je zal wel bekend dat op dit punt, naar je, installeren. Het project, en in je map "" "in het creëren van een" _vars CSS dossier. "Toe te voegen en een fundamentele test code.Dat we nog niet de functie van toevoeging van variabelen, dus gewoon een rechte CSS, bijvoorbeeld:,,. De test {achtergrond: zwart;}, invoer, nu je de bestanden naar je nieuwe variabelen belangrijkste "src /stijl. In de eerste regel van de toevoeging van deze code CSS dossier:,," invoer ", _vars"; de opstelling van de code, je, controleer je doel /stijl van de CSS dossier, je moet het nu zien met de code van de "_vars. CSS dossier en de toevoeging van het mengsel,,,,,,, in de postcss plug gebruikt, met   Andre sitnik:   https://github.com/postcss/postcss-mixins,,,,,, de -  , moet in de postcss... En postcss « plug­in » eenvoudige variabelen, dat beide moeten worden gebruikt.  , voort te zetten, postcss mengen, dan wordt de volgende code toe te voegen aan uw" src /stijl van de CSS dossier:,, de definitie van de netwerken gebruik @ $icoon, kleur {. Knopen. $(netwerk) {achtergrond: URL ('img /$(netwerk). In Papoea - Nieuw - Guinea "); kleur: kleur}} dollar; @ gebruik icoon Twitter, blauwe;,, opgesteld na je doel /stijl. De CSS" code toegevoegd:,,. Button.twitter {achtergrond: URL ('img /Twitter. Papoea - Nieuw - Guinea); kleur: blauwe achtergrond;}, de   met Plug - in postcss,  , we hebben hier met behulp van een   precss hetzelfde voor.We gaan   over het gebruik van het   in precss training, dus vóór de   gedetailleerde grammatica les "gemengde".,,, andere gemengde plug - in   opties:,,,, postcss modieuze   https://github.com/andyjansson/postcss-sassy-mixins met Andy Jansson:,,, als je houdt van het creëren van mengsels met sass grammatica, kijk naar Andy Jansson.   postcss in de gemengde   plug,   werken op dezelfde manier, met   postcss   maar grammatica   @ gebruik, de definitie van een gebruik, met inbegrip van een @,.,,, "" en de cyclus,,, "ring   plug gebruikt:,,,, de Oost - 库雪夫   postcss.   https://github.com/antyakushev/postcss-for:,,,, noot: voor     postcss plug - in een andere  , moet   in uitvoering van   postcss...  en   postcss-simple-vars. van het installeren van de  ,,, postcss-for   « plug­in », die test 't dan verwacht door de toevoeging van deze code als je "src/style.css", @for:,: van 1 tot 3 (p:nth-of-type (i) {marge: Cal (100% /i);}}, verzamelen, het moet te doen -,, p:nth-of-type (1) {marge: Cal (100% /1); (2) {} p:nth-of-type marge: Cal (100% /2); (3) {} p:nth-of-type marge: Cal (100% /3);}, ook, als we' re gebruik, de « plug­in » te voegen  , @for, eigenlijk is de hetzelfde als wordt gebruikt in de PreCSS, dus voor de extra informatie op haar syntax welke "lussen" van de afdeling in de vorige geringe,,,, "" voor "- « plug­in »   opties:,,,, de vork van postcss-for van   Anton Yakushev:   https://github.com/Xori /postcss,,, voor   « voor de exploitatie van   postcss moet   postcss eenvoudige variabelen, wat betekent dat er geen manier     variabelen gebruik van je wil, "in het kader van die  , verkeer,., als dat een probleem is, kan je dit gebruiken in plaats van de vork in de postcss moeten worden opgenomen, postcss na eenvoudige variabelen, de « plug­in ».  , omdat het na de evaluatie van de werking van de variabelen, kun je de variabele die je wil  ,", die   cyclus, zoals  :,, ": 1; @ nummer: 3; @ @ @ $ik graaf {p:N van type I) (links: de marge van calcium (100% - /i);}}, toevoeging van variabelen, wij zullen nog twee variabelen, die wij van de verwerker, die heel uurAndy.   de eerste en de tweede door sass grammatica, het gebruik van   CSS gedefinieerde eigenschappen van de grammatica, oftewel de CSS variabelen.,,,,,, - variabelen: het gebruik van eenvoudige variabelen postcss   Andre sitnik:   https://github.com/postcss/postcss-simple-vars, postcss CSS variabelen   Eric   https://github.com/madlittlemods/postcss-css-variables Eastwood:,, de installatie van Deze twee elementen. En dan testen we het elke keer.,, wij willen in de eerste plaats wil postcss testen, eenvoudige variabelen voor de grammatica.   "_vars. De CSS document je eerder en de schrapping van de inhoud en de toevoeging van de volgende code:,, default_padding dollar, wordt het volgende toegevoegd: 1rem; je" src /stijl CSS dossier. "En het opstellen van:,,, na het vullen: default_padding dollar. {}, moet worden opgesteld; en voor -Je:,, na het vullen. 1rem;} {:,, we testen nu de CSS gebruik eigenschappen, zoals de postcss CSS variabele grammatica.Voeg de volgende code van je   "src /stijl van de CSS dossier:,,... De wortel {}: h1_font_size:3rem; H1 (lettergrootte: var (- h1_font_size);} @ media (de grootste breedte: 75rem) {H {- h1_font_size:4vw;}}, die worden opgesteld in:,, H1 {lettergrootte: 3rem;} @ media (de grootste breedte: 75rem) {H1 (lettergrootte: 4vw;}}, dat wanneer de CSS, variabele, maar we moeten veranderen, waarde h1_font_size, media en automatisch met de produktie van de interne vraag, lettergrootte, bezit.Dit is bijzonder nuttig.,,, waarom gebruik   variabelen?Voordat ik verder ga, zal ik in het kort nog eens over de in de handleiding in de aanpak van de methode is niet van je te nemen.Als je wil   variabelen in plaats van een andere, dat is prima.,, vanuit mijn oogpunt, ik wil gebruik maken van mijn   variabelen zijn in twee   verschillende manieren gebruiken.Normaal zou ik in mijn heer stylesheet CSS gedefinieerde eigenschappen van de grammatica, maar ik gebruik als ik een deel van het dossier variabele sass.,, laat ik opnieuw beginnen op eigenschappen van de aard van de variabele - ik kan in een project als /wanneer worden ze steun in de kijker.Als je in het voorbeeld hierboven, ze hebben ook bepaalde functies, zoals de variabele niet.,, en ik kan het gebruik van sass vind is niet van het leven stijl. Variabelen, met name die van het bestaan van de   uitsluitend door de behandeling van elke cyclus van   als,, de voorwaarden en andere, andere omschakeling.   variabelen opties:,,, postcss door hoge variabelen 乔纳森尼尔:   https://github.com/jonathantneal/postcss-advanced-variables,,, als een eenvoudige variabelen postcss kunnen kiezen voor het gebruik van je zou kunnen overwegen   postcss gebruik van geavanceerde variabelen als de precss,   plug - in een deel van het pakket.  , en dit is ook een goede keuze, en de belangrijkste het verschil is met de voorwaarden, de recycling en de variabele   aluminiumIn dezelfde plug, ik  .Voor mij is de keuze eenvoudig, ik nu postcss variabele is de reden dat ik een zin moet uit een afzonderlijk wordt; postcss voorwaarden, zullen we binnenkort.,,, postcss gebruik eigendom van   maxime thirouin:   https://github.com/postcss/postcss-custom-properties,,, in plaats van gebruik te maken van postcss CSS variabelen, je zou liever     postcss, speciale kenmerken.  , tussen de twee postcss gedefinieerde eigenschappen   strikt in overeenstemming met de normen van de W3C - gebruik van eigendom, u kunt er zeker van zijn dat je de toekomst is de enige juiste schrijven de wezenlijke verschillen tussen de CSS.   aan de andere kant   variabelen postcss CSS biedt extra functies, maar niet volledige pariteit eisen en specificaties, mijn persoonlijke keuze, postcss de EEG - variabelenWant ik gebruik het voor de voorbehandeling, ik schrijf veel niet - normatieve kader van het wetboek in ieder geval.Daarom zou ik liever   aanvullende functie van 100% van de naleving van de normen.,, maar als je in de toekomst met variabele in het schrijven van de CSS, vind je postcss speciaal kenmerk is van een meer geschikt is voor je, plus ". Elke cyclus"  ,,, "elk" ring,   plug gebruikt:,,, postcss per   Alexander madyankin:   https://github.com/outpunk/postcss-each, installatie,  , postcss elke plug - in dit   de codes van de variabelen op je "_vars. CSS dossier:,, de sociale: $Facebook, Twitter en YouTube;,, dit deel van de code worden opgeslagen in een lijst, De dollar, de sociale, variabele,,, nu moeten we de oprichting van een   @ elke stap op de hoogte door opslag in onze   dollar, de waarden van sociale variabelen.   zal deze code toe te voegen aan uw" src /stijl van de CSS dossier:,, "een dollar (USD sociale) {de icoon - icoon.$(pictogrammen) {achtergrond: URL ('img /$(pictogrammen);}}. Papoea - Nieuw - Guinea "), hebben we," elke ring is nu klaar, maar we kunnen het op stellen, moeten we de keuze van de variabelen voor de postcss eenvoudig om een kleine verandering van de samenstelling.  , vind je de code. Dan gebruiken we    , $icoon,   namens ons de waarde van die.   sommige problemen die kunnen voortvloeien uit de in dit   omdat postcss eenvoudige variabelen   dollar vinden, mark, met het oog op de vaststelling van   variabelen.,, betekent dit dat het zou zien,   icoon, dollar, dat is een variabele   aan te pakken het   zien, dan is het van geen belang.Dit zal het stoppen en de verkeerde gegevens opgesteld, dat is een variabele die niet is vastgesteld. Om dit probleem op te lossen, moeten we de opties toe te voegen, stilte. Echt, we van de « plug­in » optie.Dit betekent dat, als het ontdekt dat er een niet - variabele, en het zal niet stoppen met het opstellen, ten onrechte, zal worden uitgevoerd.Dus, het bestaan van $  niet gestoord worden, iconen, op elk circuit we, "en we met succes kan worden opgesteld. Gulpfile of, in je gruntfile Array Processor, opties:,, /* * /simple_vars gulpfile ({stilte: waar}) /* * * * * * * * * * * * * * gruntfile /eisen ('postcss-simple-vars") (- stil nu, waar}): opstelling van de CSS, je moet je:,,,, Twitter {achtergrond: URL (icoon'img /Twitter. Papoea - Nieuw - Guinea);} {achtergrond: URL (icoon Facebook'img /Facebook icoon. Papoea - Nieuw - Guinea);}. YouTube {achtergrond: URL ('img /YouTube Papoea - Nieuw - Guinea). ";}, andere   elk circuit - opties:,,, postcss door hoge variabelen 乔纳森尼尔:   https://github.com/jonathantneal/postcss-advanced-variables,,, zoals eerder vermeld, postcss geavanceerde variabele is een zeer goed- opties met variabele, de recycling en de voorwaarden in een verklaring toe te voegen.,,,,,,,, - de voorwaarden voor het gebruik van voorwaardelijke straffen, postcss:   https://github.com/andyjansson/postcss-conditionals Andy Jansson:,,, die ik eerder heb genoemd, en dit is mijn voorkeur en - voorwaarden.Dit is omdat ik vond dat het kunnen omgaan met de meer complexe toestand controleren.Het omvat steun voor "of,, grammatica, dit betekent dat je een stuk onder de voorwaarden van de in de code na de installatie van de « plug­in », test, test het postcss voorwaarden, door toevoeging van de code van je" src /stijl van de CSS dossier:,, column_count dollar: 3, kolom ("als. Column_count dollar = = 3 {breedte: 33%; drijvende: links;}" als de dollar column_count = = 2 (breedte: 50%; drijvende: breedte: 100% van de linker;} {}}; @ andere, van deze code zal controleren we al in de waarde van de variabele   @ column_count, en de produktie van de breedte en de waarde van de verschillende - hangt af van de vinden.De manier waarop het werkt en we in de code voor de voorbehandeling met   training, maar nu we gebruik van de capaciteit, of we in staat zijn geweest om onder de voorwaarde dat we twee tot drie testen van de lijn. En na de opstelling van het opnieuw moet je:,,. Kolom (breedte: variabele: 33%; van links), proberen te veranderen,    , column_count dollar in  , 2 of 1,  , opstelling van   weer eens zien hoe het veranderen van de CSS.,, kunnen we ook gebruik maken van deze vorm van interne gemengde voorwaarden voor onze eerste, verhoging van de steun.We kunnen bijvoorbeeld het creëren van een mengsel van kolom indeling code zoals:,, de definitie van het aantal kolommen @ gebruik {"als de dollar = = 3 (breedte: 33%; drijvende: links;}" als schrijven = = 2 (breedte: 50%; drijvende: links;} {breedte @ anderen: 100%;}} {2). Another_column @ kolom;,, dit zal jullie output:,,. Another_column (breedte: 50%; drijvende: links;}, andere voorwaarden,   opties:,,, postcss door hoge variabelen 乔纳森尼尔:   https://github.com/jonathantneal/postcss-advanced-variables,,, zoals eerder vermeld, postcss geavanceerde De variabele is een uitstekende - opties met variabele, de recycling en de voorwaarden in een verklaring, met Cal. () (), wiskunde, wiskunde, plug gebruikt:,,,, postcss calcium thirouin     maxime:Https://github.com/postcss/postcss-calc,,, in het bijzijn van training in het gebruik van calcium door onze postcss, cssnano, om  ,: het voorbeeld van het gebruik van efficiëntere ().Maar in de voorbehandeling, de context en het kan zeer nuttig zijn en wij willen in onze stijl. Het gebruik van wiskunde.  , voort te zetten, postcss calcium, en dan gaan we naar de lijst van voor het testen van de oprichting van gemengde boven ons nog doeltreffender te maken.  ,, nu gebruiken we controleren of de stemming in het  , $tellen. En   parameter voor de  , 1, 2, 3,  , en dan de produktie van overeenkomstige pre - berekening van de breedte.   maar we gebruiken, Cal (), automatische produktie juist de breedte in de kolommen van de code, ongeacht de cijfers door.,, toe te voegen aan uw "src /stijl van de CSS documenten:,,, de definitie van columns_calc @ gebruik schrijven {breedte: calcium (100 dollar);" als de dollar telt > 1 (variabele: links, column_calcu}}.Laat de {"gebruik columns_calc 2;}, in plaats van   harde code percentage breedte we moeten we het aantal kolommen, de berekening van het vliegen.  , de postcss calcium -, zal  , breedte: calcium (100% /dollar telt); in waarde, noemen we de gemengde statische de hoeveelheid, in Dit geval, 2,,, bouw je code, dit moet je zien, de produktie, column_calculated (breedte:.: 50%; drijvende: links;},,, noot: of postcss wiskunde kan worden opgelost, Cal (), tot   statische waarden zal de produktie het als je de code.Als dit niet mogelijk is, het verandert niet wat   dus gebruik je nog steeds, Cal (), om aan de behoeften van het rennen door de browser om waarde toe te voegen...,,., « plug­in »:...,,,,,, postcss...   Andre sitnik   https: github.com/postcss/postcss-nested nest,,, we met behulp van de « plug­in » wordt gebruikt in precss pakket, dus je kan terug naar de les, volledige informatie over de grammatica.  ,   postcss, installatie   testen... Dan zijn normale werk door de opstelling van deze code:,, het menu (breedte: 100%; een tekst -: geen;} {} je moet leiden tot:,, de CSS. Menu {breedte: 100%;} {tekst menu decoratie: geen;}, en de uitbreiding van het gebruik van:,,,,,, - verlenging van postcss sass 乔纳森尼尔   H:Ttps://github.com/jonathantneal/postcss-sass-extend voor de uitbreiding, en we zullen   postcss sass uitgebreid   plug - ins.Het   geven ons verschillende grammaticale gebruiken dan wij ons werk in de vorige les   precss.In plaats van te worden gedefinieerd en uitbreiding van de definitie van uitbreiding van   @ extend_name (...), die worden gedefinieerd als    , extend_name {...,,,, ze gebruiken nog steeds dezelfde grammatica van de verlenging van  , extend_name @%;,,, dat postcss sass uitbreiding inderdaad   mariene precss, maar Ik is van mening dat het niet geladen bij verstek te gebruiken als ik vereiste grammatica niet opgesteld, de installatie, de   postcss sass uitgebreid naar je post, testen de volgende code:,, rounded_button {% grens: 0.5rem; oude 1EM; breedte: 0.0625rem; de stijl: vaste; blue_button} {@. De verlenging van rounded_button%; kleur:f74d1; kleur:b8eff;} {"voor de uitbreiding van red_button rounded_butto.N; kleur:&#c41a1e; kleur:&#ff2025;}, moeten worden opgesteld voor het blue_button:,,.,. Red_button {grens: 0.5rem; oude 1EM; breedte: 0.0625rem; de stijl: vaste;}. Blue_button (kleur:f74d1; achtergrond kleur:b8eff {;). Red_button kleur:&#c41a1e; kleur:&#ff2025;},,, andere uitbreidingen   opties:,,, postcss uitbreiding:   https://github.com/travco/postcss-extend, postcss eenvoudige uitbreiding van   https://github.com/davidtheclark/postcss-simple-extend:,, acteurs, we hebben tot nu toe voor wat kan worden beschouwd als de belangrijkste kenmerken van de meest voorkomende de voorbehandeling.Er valt echter nog veel meer van de « plug­in » te voorzien in aanvullende functies;   sommige kenmerken van andere   gevonden is   voorbehandeling, wat moet je naar postcss vinden.We zullen voor deze extra mogelijkheden, de kleur van eenvoudige operatie,,,,,,,, postcss plug - ins: kleur functie   maxime thirouin:   https://github.com/postcss/postcss-color-function, postcss kleur α   Vlasenko Ivan:   https://github.com/avanes/postcss-color-alpha, postcss kleur   克里斯托弗约瑟夫:   https://github.com/kristoferjoseph/postcss-color-scale, aanpassing van de capaciteit van kleur, kan     gevonden In de voorbehandeling een van de meest nuttige functie.   in feite een plug - in postcss verschillende kleuren, maar deze drie   zich met name in de pre - installaties voor de verwerking van thuis.Ze kunnen de verschillende kleuren veranderen, met inbegrip van   bliksem, donker, verzadigde, toevoeging van waarde en de definities van de kenmerken,.,,,,,,,, postcss plug - ins: een definitie gegeven van de   Dell eidd:   https://github.com/daleeidd/postcss-define-property,,, die door deze plug - in functie kan en   naald, namelijk goed mengen, in plaats van het gebruik van een taal als   @ gemengde, jouw definitie van code, op een manier die vervolgens beschikbaar zijn in code dezelfde   geboren   eigenschappen, zoals de  , * * * * * * *, /eigenschap /afmetingen: lengte grootte (dollar; breedte: $grootte;} /* gebruik het als een lokaal onroerend goed * /. Partijen {omvang 50px;},, - kan ook worden gebruikt voor de definitie van lokale eigenschappen aan uw behoeftenIn de Verenigde Staten, de goederen vinden,,,,,,,, postcss plug - in eigendom 西蒙史密斯:   vinden, vinden https://github.com/simonsmith/postcss-property-lookup, eigendom, vinden het pen, het is gemakkelijk.Je kan in dezelfde stijl vinden een in de waarde van de eigenschap.Bijvoorbeeld, je kan de vaststelling van een rechts en links:   marge, marge: 20px; de marge: @ marge;,,,... Eigenschappen,,,,, postcss plug - ins:... Door haar rekwisieten:   https://github.com/jedmao/postcss-nested-props, jed, en... We vaak boven de open - postcss rekwisieten - open...... eigenschappen, zoals:,, /* * /origincal code. - {1 - pixel: breedte: {; stijl: vaste; kleur:&#CCC /* * /.}} na behandeling. - {breedte: 1 - pixel; de stijl: vaste; kleur:&#rand van «;}, matching, en,,,,, van de « plug­in »:   Ryan Tsao postcss overeen:   https://github.com/rtsao/postcss-match,,, die geven je een andere manier om de voorwaarden voor de tenuitvoerleggingEen persoonlijke cheque, dit keer met een patroon met de roest, vergelijkbaar met de javascript of PHP - verklaring.Dit kan je een efficiëntere manier te controleren dan schrijven een aantal voorwaarden, als de andere controles CSS Sprite.,,,,,,,,, postcss plug - ins: elf   维克多瓦西列夫:   https://github.com/2createstudio/postcss-sprites CSS Sprite,,,, op het kompas van een populaire functie, maar ook om - door de postcss elfen doen.Het scant je CSS beeld, zal deze beelden naar een elf, en om te tonen dat de nieuwe geest van tabel correct om je code in, en meer keuze, op dit moment is er een zeer krachtige taal van de lijst van de uitbreiding te kiezen, die hier meer kan dekken, om de volledige https: ///////github lijst:  . COM /postcss /postcss&#taal uit te breiden, zal in de plaats komen van de grammatica, en voor de meeste mensen, met een eenvoudige, efficiënte grammatica (meestal geen puntkomma en tussen haakjes)   is een pre - verwerker een pen of Texas groot beroep.De nieuwe versie publiceren van 5 postcss nu steun voor het gebruik van de grammatica partners zal de invoering van het nieuwe steun.Sugarss is beknopt parser, en over de vraag hoe we de huidige open structuur.,, je kan er je eigen,, postcss is nog relatief nieuw, je vindt wat je wilt dat je persoonlijke processor, op dit moment geen plug - ins.Deze modulaire ecosysteem van de schoonheid is kan je via de oprichting van een eigen - om dit probleem op te lossen.Iedereen kan het doen, veel lager is dan de drempel van je proberen en pen toe te voegen aan de eigen functie, sass of minder.We zullen leren hoe in de toekomst in de les, in de volgende les, je hoeft niet te precss rollen eigen verwerkers een keuze te maken tussen de postcss gebruiken, als je wilt.Je kan kiezen welke postcss - voorbehandeling helemaal als je het gebruikt, in plaats van je favoriete pre - kant,, in de volgende les leren we hoe we met de pen te gebruiken postcss, sass of minder.Ik zie je daar.