CSSで属性を削除する方法

CSS で属性を削除する方法: まず、対応するフロントエンド コード ファイルを開き、次に、削除する必要がある属性値を見つけます。最後に、特定のキーワードに unset 属性を設定することで、削除の効果が得られます。指定された属性を達成できます。

この記事の動作環境: Windows7 システム、HTML5&&CSS3 バージョン、Dell G3 コンピューター。

特定の CSS 属性値をリセットまたは削除する

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

他人の 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 サイトの他の関連記事を参照してください。