セレクターの指定方法

• セレクターは別々の行に指定する。

//セレクターを別々の行に書くと管理しやすく、構造化され保守可能なCSSコードを作成するのに役立ちます。

//bad
.c-button, .c-text, .c-title {
   color: red;
}

//good
.c-button,
.c-text, 
.c-title {
  color: red;
}

• タイプセレクターは使用しない。

//種々のセレクターの過剰な使用を避け、より選択的かつ具体的なアプローチを採用することで、開発者はウェブプロジェクトのためによりクリーンで効率的で管理しやすいCSSコードを作成することができます。

//bad
div.c-link {
  position: absolute;
}

//good
.c-link {
  position: absolute;
}