Substituer et réinitialiser le style CSS : auto ou aucun don ' travail t

Question

Je voudrais remplacer suivant le style CSS définies pour toutes les tables:

table {
        font-size: 12px;
        width: 100%;
        min-width: 400px;
        display:inline-table;
    }

J'ai des table avec classe appelée 'other'.
Enfin, la décoration de table devrait ressembler à:

table.other {
    font-size: 12px;
}

j'ai donc besoin d'enlever 3 propriétés: width,min-width et display

J'ai essayé de réinitialiser avec none ou auto, mais n'a pas aider, je veux dire de ces cas:

table.other {
    width: auto;
    min-width: auto;
    display:auto;
}
table.other {
    width: none;
    min-width: none;
    display:none;
}

Answer 1

Je crois que la raison pour laquelle le premier ensemble de propriétés ne fonctionnera pas car il n'y a pas d' auto valeur display, de sorte que la propriété doit être ignorée. Dans ce cas, inline-table va encore prendre effet, et comme l' width ne s'applique pas à l' inline - éléments, de cet ensemble de propriétés ne va pas faire n'importe quoi.

Le deuxième ensemble de propriétés de simplement masquer la table, car c'est ce display: none .

Essayez de le réinitialiser à l' table à la place:

table.other {
    width: auto;
    min-width: 0;
    display: table;
}

Edit: min-width par défaut est 0, pas auto

Answer 2

« aucun » ne fait pas ce que vous supposez pour cela. Pour « effacer » une propriété CSS, vous devez le définir par défaut, qui est définie par la norme CSS. Donc vous devriez regarder les valeurs par défaut dans votre référence préféré.

Answer 3

<pre><code></code><p>Essayez ceci. Cela va fonctionner.</p></pre>

Answer 4

La valeur par défaut display de la propriété d'un tableau est display:table;. La seule autre valeur d'utilité est - inline-table. Tous les autres display valeurs ne sont pas valides pour les éléments du tableau.

Il n'y a pas un auto option pour réinitialiser la valeur par défaut, mais si vous travaillez en Javascript, vous pouvez définir une chaîne vide, ce qui fera l'affaire.

width:auto; est valable, mais ce n'est pas la valeur par défaut. La largeur par défaut d'un tableau est 100%, alors que width:auto; feront l'élément seulement de prendre autant de largeur qu'il faut.

min-width:auto; n'est pas autorisé. Si vous définissez min-width, il doit avoir une valeur, mais la mise à zéro est probablement aussi bonne que la réinitialisation de la valeur par défaut.

Answer 5

Définir la largeur ou la hauteur de `` pour réinitialiser la propriété width et height sur les éléments.