So entfernen Sie Farbwerte in CSS

In CSS können Sie das unset-Attribut verwenden, um den Farbwert zu entfernen. Sie müssen nur „element {color:unset}“ auf das Element setzen. Wenn das CSS-Schlüsselwort unset von seinem übergeordneten Stil geerbt wird, wird die Eigenschaft auf den geerbten Wert oder auf den Anfangswert zurückgesetzt, wenn kein übergeordneter Stil geerbt wird.

Die Betriebsumgebung dieses Tutorials: Windows7-System, CSS3- und HTML5-Version, Dell G3-Computer.

Es gibt die folgenden Szenarien:

Sie verwenden das UI-Framework einer anderen Person und stellen dann fest, dass der Wert, den Sie dem CSS dynamisch zugewiesen haben, durch das CSS mit höherer Priorität des UI-Frameworks überschrieben wird. Sie können js schreiben, um es zu ändern, aber wenn es viele Ebenen von Schleifen + Operationen gibt, müssen Sie einen großen Teil von js schreiben. Zu diesem Zeitpunkt ist js nicht die optimale Wahl. Was Sie wirklich brauchen, ist das Attribut „unset“.

Unset-Priorität

Wenn „Unset“ für ein bestimmtes Schlüsselwort festgelegt ist, z. B. „color: unset“, werden zuerst die Attribute des übergeordneten Elements und dann sein eigener Attributwert geerbt, d. h. „inherit > initial“. Beispiel:

Sein eigener Attributwert p und span legt den Farbwert fest. Wenn nicht festgelegt, wird der Farbwert von h_bg zur Vererbung ausgewählt.

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值
}

Empfohlenes Lernen:

CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo entfernen Sie Farbwerte in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!