見た目に関する情報を名前として使用すると、スタイルを変更した場合などに矛盾が生じてしまうことがあります。 left、right left や right などの位置を表す名前は、後で左右を入れ替えた場合などに矛盾が生じてしまいます。 red、blue ... red や blue などの色を表す名前は、後で色を変更した場合などに矛盾が生じてしまいます。 w300px、size12 ... サイズを表すような名前は、後でサイズを変更した場合などに矛盾が生じてしまいます。 見た目の情報ではなく、内容に関する情報を名前として使用するようにしましょう。
![スタイルシート[CSS]/CSSの基本/ID名とクラス名 - TAG index](https://cdn-ak-scissors.b.st-hatena.com/image/square/37a7393781ce71801a3fd24ae1552adf235c557f/height=288;version=1;width=512/https%3A%2F%2Fwww.tagindex.com%2Fimage%2Fogp%2Fstylesheet.png)