wordpress テーマのインストール内でカスタム CSS ファイルに取り組んでいます。
CSS 内では、'.example' のようなものを識別する必要がある場合もあれば、'#example' として表示する必要がある場合もあれば、'example' のままでよい場合もあります。
誰かがルールを明確にし、将来、各インスタンスでどちらを使用するかを自分で区別して決定する方法を教えてください。
これは、div id とクラスに関係している可能性があります。
100% のルールはありませんが、一般的には次のようになります。
は一意であるid
必要があるため、ID に適用されるスタイルは、ページ上の 1 つの要素に対してのみ使用できます。したがって、たいていの場合はスタイルを再利用したいので、通常は ID ではなくクラスごとにスタイルを設定する方が理にかなっています。さらに ID を使用すると、後でスタイルをオーバーライドすることが難しくなります。これは、ID のハイジャックの特異性が原因です。
ID でスタイルを設定するのではなく、常にクラスでスタイルを設定するという点で、これをさらに一歩進めます。body
私がときどき作成する 1 つの例外は、タグの ID に基づくページ レベルのスコープ設定です。しかし、それでもクラスは同じように便利です。
OOCSSを読むことをお勧めします(注:例を説明するために使用されたファイルは使用していません-FAQのみを参照しています)