だけど h1 自体に設定してしまうと例外的にここだけ別のにしたいってときに面倒です
デフォルトスタイルで変更した部分を全部上書きしないといけないですし
かと言って h1.default にスタイルを設定して 全部の h1 に class="default" をつけるのも面倒です
JavaScript でロード時や DOM 更新時に class 属性がないなら "default" を自動設定も可能ですが あまりそういうことはしたくないです
いい方法ないか考えたところ
(1) デフォルトを使わない場合に "no-default" クラスをつけるようにする
スタイルでは :not で "no-default" があればデフォルトスタイル当たらないようにする
h1:not(.no-default) {}
デフォルト使わないだけでわざわざクラス必要なのってどうなの？
(2) クラスがないときにデフォルトスタイルをあてる
なにか class をつけるとデフォルトスタイルが当たらないようにする
デフォルトスタイルを使いたいけど class も必要なときのために "default" クラスをつけてもデフォルトスタイルをあてるようにする
h1:not([class]), h1.default {}
class 以外の属性を条件にスタイル当てるから class に設定いらないけどデフォルト解除したいときは class="" が使える
けど class で空文字か属性なしかでスタイル変わるのは分かりづらい感もある
class 属性あればいいので (1) みたいに "no-default" って書いてもいい
