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='reset'>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-TutorialDas 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!
