---
title: CSS の基本ルール
sidebar:
  label: 基本ルール
description: クラスセレクタの優先、インラインスタイルの回避など、CSS 全体に共通するルール
---

- **クラスセレクタを優先して使用する**  
  スタイリングにはクラスセレクタ（`.class-name`）を優先して使用します。  
  リセット・ベーススタイルを除き、ID セレクタや要素セレクタは避け、影響範囲を明確にします。

- **インラインスタイルは避ける**  
  HTML の `style` 属性での直接スタイリングは避けてください。  
  外部 CSS ファイルで管理することで、スタイルの一元管理と再利用性を確保します。  
  ただし、JavaScript や CMS から[カスタムプロパティ](/frontend/css/variables)に値を渡す場合（`style="--progress: 40%"` など）は `style` 属性を使って構いません。