CSS "et" et "ou"

Question

J'ai un gros problème, car j'ai besoin d'anathématiser le stylisme de certains types d'entrée. J'avais quelque chose comme :

.registration_form_right input:not([type="radio")
{
 //Nah.
}

Mais je ne veux pas styliser les cases à cocher également.

J'ai essayé :

.registration_form_right input:not([type="radio" && type="checkbox"])
.registration_form_right input:not([type="radio" && "checkbox"])
.registration_form_right input:not([type="radio") && .registration_form_right input:not(type="checkbox"])

Comment l'utiliser && ? Et j'aurai besoin d'utiliser || bientôt, et je pense que l'usage sera le même.

Mise à jour :
Je ne sais toujours pas comment utiliser || y && correctement. Je n'ai rien trouvé dans la documentation de W3.

Answer 1

&& fonctionne en enchaînant plusieurs sélecteurs comme ceci :

<div class="class1 class2"></div>

div.class1.class2
{
  /* foo */
}

Autre exemple :

<input type="radio" class="class1" />

input[type="radio"].class1
{
  /* foo */
}

|| fonctionne en séparant plusieurs sélecteurs par des virgules comme-so :

<div class="class1"></div>
<div class="class2"></div>

div.class1,
div.class2
{
  /* foo */
}

Answer 2

ET ( && ) :

.registration_form_right input:not([type="radio"]):not([type="checkbox"])

OU ( || ) :

.registration_form_right input:not([type="radio"]), 
   .registration_form_right input:not([type="checkbox"])

Answer 3

Pour sélectionner les propriétés a Y b de un X élément :

X[a][b]

Pour sélectionner les propriétés a OU b de un X élément :

X[a],X[b]

Answer 4

En :not n'est pas pris en charge par IE. Je préférerais quelque chose comme ceci :

.registration_form_right input[type="text"],
.registration_form_right input[type="password"],
.registration_form_right input[type="submit"],
.registration_form_right input[type="button"] {
  ...
}

Il y a quelques doublons, mais c'est un petit prix à payer pour une meilleure compatibilité.

Answer 5

Juste au cas où quelqu'un serait bloqué comme moi. Après avoir parcouru le post et fait quelques essais, cela a fonctionné pour moi. cela a fonctionné pour moi.

input:not([type="checkbox"])input:not([type="radio"])