Estilizar DIV exceto a primeira

[FabianoSouza 5]

Tenho isso:

 

<div> DIV 1 </div>

<div> DIV 2 </div>

<div> DIV 3 </div>

<div> DIV 4 </div>

<div> DIV 5 </div>

 

Preciso aplicar um estilo a partir da DIV 2 até a DIV 5. Como faço?

 

Obrigado.

[Lougans de Matos 0]

Amigo, 

Tem centenas de formas de fazer isso. 

Basta criar uma classe no CSS com a estilização que você quer e então adicionar essa classe nos atributos da tag Div que voce quer estilizada e a que não quer, basta não colocar. Segue abaixo um exemplo:

 

      <style>
          .box {
              display: -webkit-inline-box;
          }
          .box div {
              border: 1px solid orange;
              height: 80px;
              width: 80px;
              margin: 1rem;
          }
          .estilo {
              background-color: orange;
              border-radius: 6px;
          }    
      </style>
      
      <div class="box m-5">
        <div>1</div>
        <div class="estilo">2</div>
        <div class="estilo">3</div>
        <div class="estilo">4</div>
        <div class="estilo">5</div>
      </div>

 

Espero ter ajudado, caso haja dúvidas estamos aí...

[Kazz 0]

<div> DIV 1 </div>
<div class="">
 	<div> DIV 2 </div>
	<div> DIV 3 </div>
	<div> DIV 4 </div>
	<div> DIV 5 </div>
</div>

Acho que isso irá resolver.

[FabianoSouza 5]

4 horas atrás, Kazz disse:

<div> DIV 1 </div>
<div class="">
 	<div> DIV 2 </div>
	<div> DIV 3 </div>
	<div> DIV 4 </div>
	<div> DIV 5 </div>
</div>

Acho que isso irá resolver.

Ah, acho que não me expressei bem, amigo.
As DIVs são criadas por um loop em JS. 
Usei isso e funcionou:

 

 div:nth-child(n+1)

Valew!