どうのこうの

名古屋/元フリーランス/スタートアップ勤務/ウェブ/マークアップ/プログラマ/エンジニア

CSSで複数のセレクタを区切るカンマの位置は1列目がいい


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

右端の場合の例

左端の場合の例

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

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

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

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

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

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

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

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

3 Comments

  1. ワシの目にはtagawaさん提唱の方が見やすく映ります(・∀・)

  2. body,
    #container,
    #container #header,
    #container #main #content
    {
    /**/
    }
    おれはこんな感じだー。
    CSSなんて触らないけど・・・。
    要は慣れが気がするなー。

    タガワ独自の書き方ばかりにならないように気をつけていればokだよねー。

  3. > タガワ独自の書き方ばかりにならないように気をつけていればokだよねー。

    そうなんですよねぇ。

コメントを残す

Your email address will not be published.

© 2017 どうのこうの

Theme by Anders NorenUp ↑