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 réinitialiser chaque propriété individuelle à sa valeur par défaut. Ce n'est pas génial, mais c'est la seule solution, compte tenu des informations que vous nous avez fournies.

Dans votre exemple, vous feriez :

.c1 {
    height: auto;
}

Vous devez rechercher chaque bien ici :

https://developer.mozilla.org/en-US/docs/Web/CSS/Reference

Para exemple, height :

Valeur initiale : auto

Autre exemple, max-height :

Valeur initiale : none

---

En 2017, il existe désormais un autre moyen, le unset mot-clé :

.c1 {
    height: unset;
}

Quelques documents : https://developer.mozilla.org/en-US/docs/Web/CSS/unset

Le mot-clé CSS non défini est la combinaison des éléments suivants sont combinés. Comme ces deux autres mots-clés CSS, il peut être appliqué à à n'importe quelle propriété CSS, y compris l'abréviation CSS all. Ce mot-clé réinitialise la propriété à sa valeur héritée si elle hérite de son parent ou de son à sa valeur initiale dans le cas contraire. En d'autres termes, il se comporte comme le mot-clé dans le premier cas et comme le mot-clé initial dans le second cas. second cas.

La prise en charge des navigateurs est bonne : http://caniuse.com/css-unset-value

Answer 2

.c1 {
    height: unset;
}

En unset valeur ajoutée en CSS3 résout également ce problème et c'est une méthode encore plus universelle que auto o initial car il attribue à chaque propriété CSS sa valeur par défaut et, en outre, son orientation par défaut par rapport à son parent.

Il convient de noter que initial rompt avec le comportement susmentionné.

De MDN :

Comme ces deux autres mots-clés CSS, il peut être appliqué à n'importe quelle propriété CSS, y compris l'abréviation CSS tous . Ce mot-clé réinitialise la propriété à sa valeur héritée si elle hérite de son parent ou à sa valeur initiale dans le cas contraire.

Answer 3

Par exemple, une classe .c1 a une hauteur de 40px ; comment puis-je me débarrasser de cette propriété de hauteur ?

Malheureusement, ce n'est pas le cas. Les CSS n'ont pas d'espace réservé par défaut.

Dans ce cas, vous devez réinitialiser la propriété à l'aide de la fonction

 height: auto;

comme le souligne à juste titre @Ben, dans certains cas, inherit est la bonne solution, par exemple pour réinitialiser la couleur du texte d'un fichier a (cette propriété est héritée de l'élément parent) :

a { color: inherit }

Answer 4

Un initial est ajouté en CSS3 pour permettre aux auteurs de spécifier explicitement cette valeur initiale.

Answer 5

Pour vous débarrasser de la propriété de hauteur fixe, vous pouvez lui donner la valeur par défaut :

height: auto;