Hola amigos, estoy empezando a meterme de lleno con los css, y hay algo que no me cuadra no lo entiendo y no se como hacerlo.
estoy tratando de entender este tipo de seleccion, quiero que solo se aplique este estilo al div de class content y no me hace caso le aplica al segundo div.content2 , y lo pinta todo de rojo, quisieran que me explicaran como debo hacerlo y como funciona esto. les pongo el codigo.
div.content + div {
color:red;
}
<div class="content">
<div>1
<div>Primero</div>
</div>
<div>2</div>
<div>3</div>
<div>4</div>
</div>
<div class="content2">
<div>1
<div>Primero</div>
</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
<div>6</div>
</div>