Cacher une case à cocher spécifique avec CSS

Question

J'ai un certain nombre de cases à cocher sur une page et je veux cacher seulement ceux attachés à la classe principale de filtre avancé, j'ai essayé cela et cela ne fonctionne pas.

.advanced-filter:input[type='checkbox'] { 
    display:none; 
} 

Des idées? Merci

Answer 1

Vous souhaitez sélectionner un élément HTML en fonction de son nom de classe et de tag (et de son attribut).
La syntaxe correcte de le faire est la suivante:

tagname.classname { 
    properties; 
} 

, vous voulez donc faire quelque chose comme:

input[type='checkbox'].advanced-filter { 
    display:none; 
} 

Answer 2

Quel est le but de: entrée? Je ne suis pas au courant de cela en tant que pseudo-classe.

ce que je pense que vous voulez est:

input.advanced-filter[type='checkbox'] 

Answer 3

Ni solutions travaillées, mais je résolu à la fin en donnant la case à cocher un identifiant et cachant cet ID.

Merci pour l'aide cependant, c'est toujours apprécié sur ce forum!