Comment annuler une propriété css ?

Question

En fait, j'ai deux css externes dans ma page.

Le premier Main.css contient toutes les règles de style, mais je n'y ai pas accès et je ne peux donc pas la modifier. J'ai accès à un second fichier Template.css Je dois donc remplacer la fonction Main.css Les valeurs des template.css .

Il est facile de modifier la valeur, mais comment supprimer entièrement une propriété ?

Comme par exemple une classe .c1 a height: 40px; Comment puis-je me débarrasser de cette propriété de hauteur ?

Answer 1

Vous devez fournir un sélecteur avec un spécificité que celui de la Main.css . Avec ce sélecteur, définissez les valeurs par défaut des propriétés que vous souhaitez, par exemple

body .c1 {
    height: auto;
}

Il n'y a pas de valeur "par défaut" qui fonctionne pour toutes les propriétés, vous devez rechercher quelle est la valeur par défaut pour chacune d'entre elles et l'utiliser.

Answer 2

J'ai rencontré un problème : même lorsque j'ai remplacé "height" par "unset" ou "initial", le comportement a été différent de celui que j'ai eu lorsque j'ai supprimé le paramètre précédent.

Il s'est avéré que je devais également supprimer la propriété min-height !

height: unset;
min-height: none

Edit : J'ai testé sur IE 7 et il ne reconnaît pas "unset", donc "auto" fonctionne mieux".