Combinatore CSS
Unisci più plik CSS in uno solo
plik CSS di input
CSS combinato
Przyklady combinazione CSS
Unisci più blocchi CSS in un plik. Usa i commenti per separare le sezioni:
Reset, base e componenti
Il combinatore concatena tutti i blocchi. Usa Przyklad in alto per caricare altri dane.
Cos'è un Combinatore CSS?
I progetti CSS spesso suddividono gli stili in più plik—reset, base, componenti, utility. Un combinatore CSS li unisce in un unico plik per la produzione. Meno richieste HTTP significano tempi di caricamento più veloci. La specifica W3C CSS definisce il linguaggio; narzedzia di build come Vite e Webpack lo fanno in fase di build. Questo narzedzie lo fa su richiesta nel tuo browser.
Incolla più blocchi CSS o carica diversi plik .css. Lo narzedzie li concatena in un unico output. Funziona interamente nel tuo browser—nulla viene inviato a un server. Per formattare il risultato, usa il Formater CSS. Per minificare, usa il Minifikator CSS.
Come usare questo narzedzie
Incolla o carica CSS
Incolla più blocchi CSS nell'editor di sinistra (separa con commenti come /* filename.css */), oppure clicca su Wczytaj per selezionare più plik .css. Usa Przyklad per caricare dane di esempio.
Esamina l'output combinato
Il pannello di destra mostra il CSS unito. L'ordine è preservato. Per la validazione, usa il Walidator CSS. Per aggiungere prefissi vendor, usa il Prefissatore CSS.
Kopiuj o scarica
Usa Kopiuj o Pobierz per salvare il CSS combinato. Per convertire prima SCSS o Less, usa SCSS in CSS o Less in CSS.
Quando la combinazione CSS è utile
I progetti legacy o i siti artigianali possono avere molti plik CSS. Combinarli riduce le richieste e semplifica il deployment. Bootstrap e Tailwind usano pipeline di build; questo narzedzie offre una rapida opzione manuale. Per estrarre CSS dall'HTML, usa l'Estrattore CSS.
Per formattare l'output combinato, usa il Formater CSS. Per gli stili inline (es. email), usa CSS a Inline. Per convertire tra preprocessori, usa CSS do SCSS o CSS a Less.
Czesto zadawane pytania
I miei dane sono privati?
Sì. La combinazione avviene interamente nel tuo browser. Nessun dato viene inviato a un server.
Rimuove i duplicati?
Questo narzedzie concatena i plik. Non elimina le regole duplicate né unisce i selettori. Per un'ottimizzazione avanzata, usa narzedzia di build come cssnano o PostCSS.
E @import?
Lo narzedzie combina il testo così com'è. Non risolve gli URL di @import. Includi o incolla manualmente il contenuto importato se necessario.
Posso caricare più plik?
Sì. Usa il pulsante Wczytaj e seleziona più plik .css. Vengono combinati nell'ordine selezionato.
L'ordine dei plik è importante?
Sì. Le regole successive sovrascrivono quelle precedenti quando la specificità è uguale. Disponi i plik nell'ordine in cui vuoi che la cascata si applichi.