2011-05-02 2 views
1

Je sais qu'en général, youd écrire quelque chose comme ceci:CSS Syntaxe Question

.Something { 
other: thing; 
} 

etc. Mais, est-il correct de au lieu d'avoir un espace après « : », d'avoir une nouvelle ligne, comme le Suivant?

.Something { 
background-color: 
#161616; 
} 

Et pour d'autres choses, quelque chose comme ça?

.Something { 
padding: 
5px, 
2px, 
2px, 
13px; 
} 

Je suis juste vraiment fatigué de gloussant tout sur une seule ligne, et que vous voulez juste savoir si cela est syntaxiquement valide? Je suis toujours en train de lire les pages du W3C (http://www.w3.org/TR/css3-syntax/), mais je n'ai toujours pas trouvé de réponse. Toute aide est grandement appréciée!

Merci

+1

vous pouvez le diviser en droit padding padding-left, etc. Je vois souvent des outils de développement de chrome montrent cette façon, même si ce ne est pas écrit comme ça. –

+1

Merci @James K - Je l'ai déjà vu, mais je suppose que je suis juste trop paresseux. +1 si :) –

+1

'padding' est un mauvais exemple. Vous devriez juste garder tout cela sur une seule ligne. Peut-être que si vous parliez de quelque chose de plus long, je pourrais voir pourquoi vous voudriez quelques sauts de ligne: http://leaverou.me/css3patterns/ (et bien sûr, * il y a des sauts de ligne) – thirtydot

Répondre

8

CSS est complètement ignorant de l'espace blanc, le format comme vous s'il vous plaît :)

(En d'autres termes, oui et oui.)

+0

Remerciements vous @lpd! J'accepterai cette réponse quand elle me laisse lol (11 minutes). –

+0

Cheers mate :-) – lpd

+1

Cela dit, il est bon de minifier si avant de le déployer. –

5

CSS n'a pas d'espace blanc significatif.

Cependant, votre dernier bloc ne devrait pas avoir de virgules.

.Something { 
padding: 
5px 
2px 
2px 
13px; 
} 

Cela fonctionnerait.

+1

Bon point sur les virgules, les a oubliés – lpd

+0

Merci! Je suis un gars C# principalement donc c'est juste l'habitude de mettre des virgules lors de la séparation des valeurs lol. Bon endroit –

1

vous pouvez utiliser comme ceci.

.Something { 
background-color: 
#161616; 
} 

ceci est syntatiquement correct et cela a fonctionné pour moi. J'ai utilisé comme ça avant.

Et pourquoi mettez vous , 'pour le second comme ci-dessous

.Something { 
padding: 
5px, 
2px, 
2px, 
13px; 
} 

Le « , » ne doit pas être utilisé pour séparer les valeurs. vous pouvez utiliser l'espace à la place.

La seule chose que dans les deux cas est Il devrait se termine par virgule