Skip to main content

Se a div tiver somente 3 itens, pode ser feito assim:

<div class="corpo">
   <div class="item">1</div>
   <div class="item">2</div>
   <div class="item">3</div>
</div>

<style>
.item{
    border: 1px solid green;
}

.item:nth-child(even) {
    border-color: orange;
}
</style>

    .item{
        border: 1px solid green;
    }
    
    .item:nth-child(even) {
        border-color: orange;
    }
    <div class="corpo">
       <div class="item">1</div>
       <div class="item">2</div>
       <div class="item">3</div>
    </div>
    

Se a div tiver somente 3 itens, pode ser feito assim:

<div class="corpo">
   <div class="item">1</div>
   <div class="item">2</div>
   <div class="item">3</div>
</div>

<style>
.item{
    border: 1px solid green;
}

.item:nth-child(even) {
    border-color: orange;
}
</style>

Se a div tiver somente 3 itens, pode ser feito assim:

    .item{
        border: 1px solid green;
    }
    
    .item:nth-child(even) {
        border-color: orange;
    }
    <div class="corpo">
       <div class="item">1</div>
       <div class="item">2</div>
       <div class="item">3</div>
    </div>
    

Fonte Link
Adell
  • 131
  • 12

Se a div tiver somente 3 itens, pode ser feito assim:

<div class="corpo">
   <div class="item">1</div>
   <div class="item">2</div>
   <div class="item">3</div>
</div>

<style>
.item{
    border: 1px solid green;
}

.item:nth-child(even) {
    border-color: orange;
}
</style>