どうのこうの

タイトルの通りだけど、
CSSで複数のセレクタを区切るカンマの位置は、
左端の1列目がいいと思う。

右端の場合の例

body,
#container,
#container #header,
#container #main #content {}

左端の場合の例

body
,#container
,#container #header
,#container #main #content {}

カンマの位置が揃って綺麗。

仕様的にはどうなんだろ。
どっちに書いてもいいよねぇ？

あと左端に書くと、
カンマを付け忘れてうまくCSSが効かなかったときに、
ソースを追いやすい。

カンマを付けわすれない人はどっちでもいいんだろうけど。

ただセレクタ名が短くて、
区切る個数が少ない場合は一列でもいいと思う。

セレクタ名が短い場合の例

h1,h2,h3,h4,h5,h6 {}

あんまり1列目？左端？に書いてるソースを見たことが無いので主張してみた。

仕様的に間違いな場合はご指摘いただけるとありがたいです。