CSSで「戻る」ことは何をしますか？

Miriamsuzanneは、このテーマに関するMozilla開発者のビデオで説明しています。

CSSのリバート値は、プロパティを継承された値に「リセット」し、UA StyleSheetに遡ります。たとえば、a

がUA StyleSheetに設定されているブロックレベルの要素であるため、A

をインラインにリセットしないため、これは重要です。

したがって、このHTMLがあれば：

 <p> lorem、ipsum dolor。</p>
<p> fugit、id vel。</p>

およびCSS：

 p {
  色：赤;
}
.alt {
  色：復帰;
}

どちらの段落もPセレクターによって選択され、赤くなりますが、2番目の段落のクラスセレクターは特異性が高いため、色は戻ります。勝ち、テキストをBlack（UAデフォルト）に戻します。

しかし、カラープロパティはカスケードですので、私たちが持っていた場合：

 <div>
  <p> lorem、ipsum dolor。</p>
  <p> fugit、id vel。</p>
</div>

 。親 {
  色：青;
}
p {
  色：赤;
}
.alt {
  色：復帰;
}

2番目の段落は青色です。なぜなら、元に戻すことで、継承から色を取るように強制するからです。

復帰値はかなり新しいもので、FirefoxとSafariでサポートされていますが、まだChrome-Worldではサポートされていません。継承とリセット値を制御するのに役立つプロパティで機能するいくつかの関連するキーワードがすでにあります。

違いは小さくなっていますが、重要です。解除されていると継承が可能になりますが、初期は継承しません。

ミリアムは、「ユーザーとユーザーエージェントのスタイルを導入する」ため、リバートが実際に最も有用であると主張しています。

私は同意しません。しかし（そして、私はこれを言うのは嫌いです）、私は最初のオプション、最初の強制力を持っているものが必要だと思いますが、復帰のUAスタイルシートの尊重です。のようなもの…

 。ボタン {
  すべて：デフォルト; /*本物ではありません！ */

  / * UAベースから始まる新しいスタイル */
}

これらのキーワードは任意のプロパティで動作しますが、すべてを使用することが最も説得力があると思います。これは、空白のスレートから始めるために、要素上のすべてのスタイルを一掃する方法です。とはいえ、3つのオプションのいずれも、そのユースケースに十分なものではありません。継承を許可しているため、スタイルを十分に一掃しないため、値と戻る値は十分ではありません。初期値は、ブロックの代わりに

インラインを作成するなど、予期しないデフォルトを一掃するという点で強すぎます。

以上がCSSで「戻る」ことは何をしますか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。