CleanCSS

CleanCSS egy egyszerű pythonic nyelvét CSS ihlette CleverCSS de egyszerűbb és kevésbé obstruktív jellemzői.
Miért
Nagyon tetszett az ötlet mögött CleverCSS de amikor a termelésben felhasznált rájöttem, hogy én akartam, hogy elmenjen a saját értelmező szétrepülő húrok és a nem támogatott CSS tulajdonságok túl gyakran. Segítségével az eladóval eleji mint -webkit-gradiens és értékek, mint RGBA eredményezett rendetlen CSS, ezért úgy döntöttem, hogy írjon a saját elemző a hasonló szintaxis nélkül minden komplexumban, hogy nem használja egyébként, és most jól működik számomra REAL modern honlapok.
Syntax példák
Én fogom tartani a CleverCSS példákat, ahol lehetséges, mert a szintaxis nagyon hasonló.
Egy kis példa mutatja. Megjegyzés: a behúzás alapú szintaxis és hogyan tudsz fészket szabályok:
#header, #footer:
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; margin: 0
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; font->
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; család: Verdana, sans-serif
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Méret: .9em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; li:
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0.4em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; margin: 0 0.8em 0.8em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; h3:
                        font-size: 1.2em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; p:
                        padding: 0.3em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; p.meta:
                        text-align: right
                        szín: #ddd
Természetesen meg tudod csinálni, ugyanaz a CSS, hanem azért, mert a lapos jellege a kódot nézne még bővebb. A következő kódrészlet a CleanCSS kimenete a fenti fájlt:
#header, #footer {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; margin: 0;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; font-family: Verdana, sans-serif
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; font-size: .9em
}
#header li,
#footer li {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0.4em;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; margin: 0 0.8em 0.8em;
}
#header li h3,
#footer li h3 {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; font-size: 1.2em;
}
#header li p,
#footer li p {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0.3em;
}
#header li p.meta,
#footer li p.meta {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; text-align: right;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; szín: #dddddd;
}
Library használata
Importálja a cleancss modul és hívja a convert () függvény egy fájl-szerű tárgyat.
Példa:
import cleancss
nyitott ("file.css"), mint f:
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; print cleancss.convert (f)
parancssor használata
Hívja a cleancss.py paraméterek nélkül, hogy bemutassák a használati utasítást. Pass minden fájlok száma cleancss.py és a szkript konvertálja a fájlokat CSS és nyomtatni az eredményt, hogy a konzol.
Példa:
cleancss.py file.css> result.css