classやidに-を使うとか使わないとか のついでに

ずどさんがはまろぐってたからついでに。

昔いろいろ悩んでいた頃があって、前の会社にいたころいろいろ試してました。キャンペーンページのような、すぐ消えるであろうページだったのでいろいろやってました。

例えば「.」でつなげてみるとか。

<div class="mod.sample.vertical">サンプル縦長版</div>

でもCSSも一手間加えないといけないのでやめました。CSSでは、「.」は普通には使えませんが、エスケープすれば使えます。

.mod\.sample\.vertical{
(snip)
}

あと、マルチバイト文字をクラス属性値にしてみたり。

<div class="大見出し">大見出し</div>
.大見出し{
(snip)
}

マルチバイト文字は普通に使えます。たしか。

ただの文字列ですし、予約語とか気にせず好きにすればいいんじゃないですかね