Heim > Web-Frontend > CSS-Tutorial > Hauptteil

So entfernen Sie Farbwerte in CSS

醉折花枝作酒筹
Freigeben: 2023-01-06 11:14:22
Original
3329 Leute haben es durchsucht

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.

So entfernen Sie Farbwerte in CSS

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>
Nach dem Login kopieren

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值
}
Nach dem Login kopieren

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!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage