classやidの命名規則にphaba1_2 phaba_3_2などの命名は、推奨されないのか？

Question

「classやidの命名規則」で調べると、
https://html-coding.co.jp/knowhow/tips/naming-rule/
https://www.zukoo.net/blog/detail.html?id=81
http://www.irohabook.com/css-convention
良い例やNGの例として載っていないのですが、classの名前をhaba_3_2のような書き方にするのは推奨しないのでしょうか？
特にこのclass名でCSSが動作しなかったりはしていないです。

よろしくお願いします。

Answer 1

どんなルールでもいいですが、名前の付け方は一貫させるということが一番重要です。

Answer 2

どういった名前でもCSSの仕組み的には問題ありません。名前の付け方はだいたい人間の都合ですので、自分が把握しやすいように名前をつければOKです。挙げられているサイトは管理方法の例を提供してくれていると考えればよいでしょう。極端な例をいえば、数字だけを使って_0、_1、_2、_3のように名前をつけてもCSS的には大丈夫ですが、分かりにくいですね。

.box_0 {
  font-size: 24px;
}
.box_1 {
  font-size: 18px;
}
.box_2 {
  font-size: 14px;
}

.title {
  font-size: 24px;
}
.subtitle {
  font-size: 18px;
}
.text {
  font-size: 14px;
}

Answer 3

他の回答のとおり、特に今の付け方で問題はないですが、Googleが推奨しているので、接続する記号は、アンダーバー「_」をハイフン「-」に変えるぐらいですかね。