Comment supprimer la valeur de couleur en CSS

En CSS, vous pouvez utiliser l'attribut unset pour supprimer la valeur de couleur. Il vous suffit de définir "element {color:unset}" sur l'élément. Si le mot-clé CSS unset est hérité de son parent, la propriété est réinitialisée à la valeur héritée, ou à la valeur initiale si aucun style parent n'est hérité.

L'environnement d'exploitation de ce tutoriel : système Windows 7, version CSS3&&HTML5, ordinateur Dell G3.

Il existe les scénarios suivants :

Vous utilisez le framework d'interface utilisateur de quelqu'un d'autre, puis vous constatez que la valeur que vous avez attribuée dynamiquement au CSS est écrasée par le CSS de priorité supérieure du framework d'interface utilisateur. Vous pouvez écrire js pour le modifier, mais s'il y a plusieurs couches de boucles + opérations, vous devez écrire une grande section de js. Pour le moment, js n'est pas le choix optimal. Ce dont vous avez vraiment besoin, c'est de l'attribut 'unset'.

unset priorité

Si unset est défini pour un certain mot-clé, tel que color: unset ; il choisira d'abord d'hériter des attributs du parent, puis choisira d'hériter de sa propre valeur d'attribut, cela est : hériter > initial

Par exemple :

La valeur d'attribut p et span elle-même définit la valeur de couleur Si unset est défini, la valeur de couleur de h_bg sera sélectionnée pour hériter.

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

Apprentissage recommandé : Tutoriel vidéo CSS

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!