css3 nth de type restreint à la classe

Est-il possible de limiter le nth-of-type de css3 à une classe? J’ai un nombre dynamic d’éléments de section avec différentes classes désignant leurs besoins de mise en page. Je voudrais saisir chaque 3ème .module , mais il semble que nth-of-type recherche le type d’élément de classes et calcule ensuite le type. Au lieu de cela, je voudrais le limiter aux seuls .module .

Merci!

JSFiddle à démontrer: http://jsfiddle.net/danielredwood/e2BAq/1/

HTML:

        

CSS:

 .featured { width:31%; margin:0 0 20px 0; padding:0 3.5% 2em 0; float:left; background:#ccc; } .featured.module:nth-of-type(3n+3) { padding-right:0; background:red; } .featured.video { width:auto; padding:0 0 2em 0; float:none; }​ 

Malheureusement, il n’existe aucun moyen (du moins aucun que je connaisse) de sélectionner nth-of-type d’une classe, car nth-of-class n’existe pas. Vous devrez probablement append une nouvelle classe à chaque troisième .module manuellement.

Il semble que ce que vous voulez vraiment, c’est le sélecteur css4: nth-match , mais ce n’est pas vraiment supporté dans la plupart des navigateurs, donc actuellement, le seul moyen de le faire est d’utiliser javascript

 $(".featured.module").filter(function(index, element){ return index % 3 == 2; }).addClass("third"); 

http://jsfiddle.net/w3af16dj/