CSS-i inline-muundur veebis

Kuidas see töötab

See tööriist võtab HTML-dokumendi, mis võib sisaldada <style> elemente, ja teisendab kõik sobivad CSS-reeglid inline-stiilideks. See on kasulik meiliklientidele, mis ei toeta stiilielemente täielikult.

Näide

Sisend: <style>p{color:red}</style><p>Tere</p>

Väljund: <p style="color: red;">Tere</p> (koos dokumendi päisega, kui "eemalda stiilid" on valitud).

Piirangud

See on kerge muundur, mis ei rakenda täielikku CSS-i kaskaadi, spetsiifilisust, meediapäringuid, @keyframes, pseudo-elemente, pesastatud CSS-i ega väliseid stiililehti. Brauser võib HTML-i parsimise ajal normaliseerida.

Privaatsus

Muundamine toimub kohalikult, väliseid ressursse ei laadita.

Korduma kippuvad küsimused

Kas see tööriist eemaldab kõik stiilid?

Kui märkeruut "eemalda stiilid" on valitud, eemaldatakse kõik <style> elemendid pärast muundamist. Kui see on tühjendatud, jäävad need alles.

Miks mõned valijad vahele jäetakse?

Kehtetud valijad jäetakse vahele, kuna tööriist kasutab lihtsat sulgudel põhinevat mustrit ega toeta keerulisi valijaid.

Kas ma saan kasutada välist CSS-faili?

Ei, tööriist ei laadi väliseid stiililehti. Saad lisada ainult teise CSS-allika tekstina.

Kontrollnimekiri

• Kontrolli, et HTML on korrektne.
• Veendu, et stiilid on lihtsad (ilma meediapäringuteta).
• Testi väljundit sihtmeilikliendis.