Lecture page CSS

Bonjour,

Lorsque j'ouvre ma page CSS tout les codes s'affichent sur une seule ligne.

Comment faire pour que je puisse les lires avec les éléments les uns au dessous
des autres ?

Merci.

Salutations

Salut,

C'est qu'il a été minifié. Tu peux utiliser un outil en ligne pour le réorganiser un peu facilement comme : https://www.cleancss.com/css-beautify/
Bon par contre t'auras pas pas d'indentation entre les sélecteurs mais c'est déjà ça.

Bonjour,

les Outils du développeur (touche F12) permettent de dé-minifier un fichier CSS.
Il me semblait que c'était Firefox dans son bel onglet Éditeur de style mais je trouve pas…
Donc dans Chrome, tu vas dans l'onglet Réseau des Devtools / Outils du développeur puis tu cliques sur "CSS" pour ne voir que ça, tu recharges la page (F5) et là tu vois apparaître la ou les CSS de ta page Inspectée.
Clic sur le bon fichier/ligne et en bas de la fenêtre tu as 2 accolades {} (je peux lire une infobulle "Pretty Print" dans mon Chromium in english). Le code devient lisible et le bouton des accolades bleu.
Modifié par Felipe (27 Feb 2020 - 17:22)

Cela fonctionne aussi sous Firefox, c'est le 4e onglet des outils : Inspecteur, Console, Débogeur, Éditeur de style
Si il n'y est pas par défaut il faut peut être aller dans les paramètres des outils développeur pour cocher/décocher les cases voulus