CSS-i inline-muundur veebis

CSS-i inline-muundur veebis

Teisendage lihtsad pesastamata CSS-reeglid reasisesteks stiilideks; sama elemendiga sobivad erinevad selektorid lükatakse tagasi.

Brauser parsib HTML-i ja CSS-i. Kõigi style-elementide tekstile lisatakse lisa-CSS. Sama selektori reeglid kogunevad lähtekoodi järjekorras. Algsed reasisesed deklaratsioonid säilitavad reasisese prioriteedi, arvestades !important-märgist. Tulemus on alati täielik doctype’iga dokument, ka style-märgendite säilitamisel.

Teisendatakse ainult pesastamata stiilireegleid. Kui erinevad selektoritekstid sobivad sama elemendiga, peatub teisendus veaga ega arva spetsiifilisust. @-reegleid ja pesastatud CSS-i sisaldavaid reegleid ei laiendata. Pseudoelemente, arvutatud stiile ja väliseid laadilehti ei teisendata. Brauser võib vigase CSS-i kõrvale jätta ja HTML-i normaliseerida.

Iga redaktor lubab kuni 500000 UTF-16 koodiühikut. Kõigi sobivate elementide kogutud reeglitekstid, eraldajad ja algsed reasisesed tekstid on piiratud 4000000 UTF-16 koodiühikuga; sama piir kehtib serialiseeritud väljundile. Piiri ületamisel vähendage HTML-elemente või CSS-deklaratsioone. Piirid ei taga jõudlust suvalise sisendi korral.

Teisendus kasutab kleebitud CSS-i kohalikult ega laadi väliseid laadilehti. Tulemus on tekst, mitte eelvaade, allalaadimine või HTML-i puhastus. Skripte ja ohtlikku märgendust ei eemaldata. Kontrollige koodi enne kasutamist ning katsetage sihtbrauseris või meilikliendis; muutumatu välimus pole tagatud.

<style>p{color:red}</style><p>A</p>
→ <p style="color: red;">A</p>