css3 nth de tipo restringido a la clase [duplicado]

Question

Jun 06, 2012, 10:33 PM

css3 nth de tipo restringido a la clase [duplicado]

Esta pregunta ya tiene una respuesta aquí:

¿Puedo combinar: nth-child () o: nth-of-type () con un selector arbitrario? 4 respuestas

¿Hay alguna manera de limitar los css3?nth-of-type a una clase? Tengo un número dinámico desection Elementos con diferentes clases que designan sus necesidades de diseño. Me gustaría agarrar cada 3er.module, pero parece quenth-of-type busca clases de tipo de elemento y luego calcula el tipo. En su lugar me gustaría limitarlo a sólo.modules.

¡Gracias!

JSFiddle para demostrar:http://jsfiddle.net/danielredwood/e2BAq/1/

HTML:

<section class="featured video">
    <h1>VIDEO</h1>
</section>
<section class="featured module">
    <h1>NOT A VIDEO</h1>
</section>
<section class="featured module">
    <h1>NOT A VIDEO</h1>
</section>
<section class="featured module">
    <h1>NOT A VIDEO (3)</h1>
</section>
<section class="featured module">
    <h1>NOT A VIDEO</h1>
</section>
<section class="featured module">
    <h1>NOT A VIDEO</h1>
</section>
<section class="featured module">
    <h1>NOT A VIDEO (6)</h1>
</section>

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;
  }