CSSで色の値を削除する方法

CSS では、unset 属性を使用して色の値を削除できます。要素に「要素 {color:unset}」を設定するだけです。 CSS キーワード unset が親から継承されている場合、プロパティは継承された値にリセットされ、親スタイルが継承されていない場合は初期値にリセットされます。

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

次のようなシナリオがあります。

他人の UI フレームワークを使用した後、CSS に動的に割り当てた値が、UI フレームワークの優先度の高い CSS によって上書きされていることがわかりました。 js を記述して変更することもできますが、ループ操作の層が多い場合は、js の大きなセクションを記述する必要があります。現時点では、js は最良の選択ではありません。実際に必要なのは 'unset' 属性です

未設定の優先度

#color: unset など、特定のキーワードに unset が設定されている場合、最初に親の属性を継承することを選択し、次に独自の属性値を継承することを選択します。 :initial

例:

属性値pとspanでカラー値が設定され、unsetが設定されている場合はh_bgのカラー値が選択されて継承されます。

HTML:

<header class="h_bg">
<p class="reset">title title title</p>
<span class=&#39;reset&#39;>text text text</span>
</header>

CSS:

 p{
   color:red;
}
span{
   color:blue;
}
.h_bg{
  color:#FFF;
  background:#DEDEDE;
  padding:20px; 
  text-align:center;
  width:200px;
  height:200px;
}
.reset{
  color:unset;   //去掉这个属性，文字会优先使用span和P的color值
}

推奨学習: css ビデオ チュートリアル

以上がCSSで色の値を削除する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。