So entfernen Sie Attribute in CSS

So entfernen Sie Attribute in CSS: Öffnen Sie zuerst die entsprechende Front-End-Codedatei. Suchen Sie dann den Attributwert, der entfernt werden muss, und setzen Sie schließlich das nicht festgelegte Attribut für ein bestimmtes Schlüsselwort erreicht werden.

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

Einen bestimmten CSS-Attributwert zurücksetzen oder entfernen

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, eine höhere Priorität hat als das UI-Framework CSS überschrieben. 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 Attribute in CSS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!