Uso de nth-child en una clase

[ruben_077]

Buenas, se puede usar el selector nth-child en una clase definida en un <div>?

Ejemplo:

Si yo tengo en el HTML:

<div class="separar"></div>
<div class="separar"></div>
<div class="separar"></div>
<div class="separar"></div>
<div class="separar"></div>
<div class="separar"></div>
<div class="separar"></div>
<div class="separar"></div>


Y en el CSS:

.separar{
margin-right:20px;
}

.separar.:nth-child(4n+4) {
margin-right:0px;
}

El cuarto y octavo <div> debería no tener margen.

[webosiris]

te sobra un punto:

.separar:nth-child(4n+4) {

[ruben_077]

Perdón, puse el punto sin querer. No va sin el punto tampoco.

[anger32]

Hola si no me equivoco, tu estas actuando sobre el cuarto y octavo hijo dentro de la clase, es decir dentro del div.
Si lo que quieres es que actúe sobre el div, debes hacerlo sobre su padre.

Espero haverme explicado bien.
Un saludo.

[webosiris]

Iniciado por ruben_077

Perdón, puse el punto sin querer. No va sin el punto tampoco.

si que va... mira este jsfiddle (les puse un borde para poder verlos más fácil)