Comment supprimer des attributs en CSS

Comment supprimer des attributs en CSS : ouvrez d'abord le fichier de code frontal correspondant ; puis recherchez la valeur d'attribut qui doit être supprimée ; enfin, en définissant l'attribut non défini pour un certain mot-clé, l'effet de la suppression ; l'attribut spécifié peut être atteint.

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

Réinitialiser ou supprimer une certaine valeur d'attribut CSS

Il existe les scénarios suivants :

Vous utilisez le framework d'interface utilisateur de quelqu'un d'autre, puis vous constatez que vous La valeur attribuée dynamiquement au CSS est écrasée par le CSS de priorité plus élevée 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!