<style>
.row:nth-child(even) {
background: #AB9DF9;
}
.row:nth-child(odd) {
background: #B9FFC7;
}
</style>
<div class="row">
Linha 0</div>
<div class="row">
Linha 1</div>
<div class="row">
Linha 2</div>
<div class="row">
Linha 3</div>
<div class="row">
Linha 4</div>
<div class="row">
Linha 5</div>
<div class="row">
Linha 6</div>
<div class="row">
Linha 7</div>
<div class="row">
Linha 8</div>
<div class="row">
Linha 9</div>
Como podem ver é muito simples basta declarar a classe em qual quer tag que o CSS se responsabiliza em realizar o restante da tarefa!Linha 0
Linha 1
Linha 2
Linha 3
Linha 4
Linha 5
Linha 6
Linha 7
Linha 8
Linha 9
Nenhum comentário:
Postar um comentário