場合によりCSSのクラス名に要素を入れたほうが分かりやすい

「CSSのクラス名に要素を入れてはいけない」というのがCSSの常識っぽくなっているが、サイトを作っているとそうでもないのではと思えてくる。

よくある例として、

.red{color:red;}

というようにクラス名をつけて使用した場合、あとから、色指定を青など他の色に変えたときに、クラス名と実際の要素との齟齬が生じてしまうということだ。

しかし、そうでない場合もあると思う。

・開発途中


.marginbottom10{margin-bottom:10px}

というクラスがあるとする。キチンとレイアウトされているサイトであれば、突然10pxのところを20pxにするといったそういう、