web-dev-qa-db-fra.com

Comment créer une règle CSS pour tous les éléments sauf une classe?

J'ai créé une feuille de style CSS pour mon projet. Existe-t-il un moyen de créer une règle CSS qui s'applique à tous les éléments de table, SAUF les éléments de table appartenant à la classe "dojoxGrid"? Quelque chose comme:

.not(dojoxGrid) table{
    width:100%;
    border-top:1px solid #dddddd;
    border-left:1px solid #dddddd;
    border-right:1px solid #dddddd;
    margin:1em auto;
    border-collapse:collapse;
}
csscss-selectors
82
Nick

La pseudo-classe de négation semble être ce que vous recherchez.

table:not(.dojoxGrid) {color:red;}

Ce n'est pas supporté par ≤ IE8 cependant .

161
Knu

Ne définiriez-vous pas une règle CSS pour toutes les tables, puis une suivante pour les tables où class = "dojoxGrid" fonctionne? Ou est-ce que je manque quelque chose?

12
cori

Le pari le plus sûr est de créer une classe sur ces tables et de l'utiliser. Il est peu probable que quelque chose comme cela fonctionne actuellement dans tous les principaux navigateurs.

4
Joel

J'ai juste eu le même problème, mais le: ne fonctionnait pas correctement dans mon cas, j'ai donc mis à jour les règles CSS sur la charge corporelle.

0
Mateen