Discussion :

[SpaceFrog]

Existe-t-il un moyen en css de sélectionner selon un data attribute ? ou un attribut perso ?

Un exemple rapide pour l'idée :

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<div data-flag="0"> caché </div>
<div data-flag="1"> visible </div>

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
:[data-flag="0"] {display:none;}

[SpaceFrog]

Désole, emporté par mon habitude de la syntaxe Jquery j'aivais mis ":" ...
sans ça marche beaucoup mieux ...

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

[data-flag="0"] {display:none;}

[SpaceFrog]

Bon j'avance ...

Pour le not on fait comment ?
http://fiddle.jshell.net/wkg77nbj/8/

le flag 6 ne devrait pas être vert.. ??

[black-hawk-down]

Salut,

Presque : http://fiddle.jshell.net/wkg77nbj/9/

Une demo est dispo dans cette page : http://debray-jerome.developpez.com/...s-en-css3/#LVI

[SpaceFrog]

Curieux, pourquoi cela fonctionne-t-il à moitié sans préciser div avant ?

et pourquoi cela ne fonctionne-t-il pas avec

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

*:not([data-flag="6"]){ color: green;}

[black-hawk-down]

Je ne sais pas ce qu'il se passe derrière mais sûrement que la "fonction" not() a besoin d'un sélecteur précis.

* doit être trop général. Quand a ne rien mettre, cela est vraisemblablement bancal.

Pour ma part, j'ai toujours mis un sélecteur devant les pseudo-classes ou éléments.