all: unset; の位置によって動作が変わるのはなぜですか?

セレクタの詳細度が関係しています。
2021年12月23日
ユーザー

いつも大変お世話になっております。

間違えて

header input {
  border-bottom: 1px solid #aaa;
  padding: 4px;
  width: 300px;
}

header input,
header button {
  all: unset;
}

としたら all: unset; が効きませんでした。
ですが、ソースコードを比較してみて場所が違ったところを直したらちゃんとなりました。
何か理由があれば教えていただきたいです。
よろしくお願いいたします。

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?