Criei uma página administradora onde eu cadastro os dados de livros no banco de dados. fiz esse html onde será mostrado esses dados. a matriz irá crias esse bloco "cabtitulo" com todos os livros cadastrados na páginas administradoras, mas eu gostaria que ficasse visível apenas 4 desses blocos. por isso coloquei lá em baixo, a função background-color:green, pra verificar se o meu código funcionou, caso funcionasse, eu colocaria um display deixando esses outros blocos invisíveis. mas todos os blocos ficam verdes, não os maiores que 3, como defini.
<div class="cabtitulo"><p>Promoções</p></div>
<?php
$comando="select * from tb_promocao";
$matriz=mysql_query($comando);
$contador = 0;
while ($contador<4) {
while ($linha=mysql_fetch_array($matriz)) {
?>
<article class="livro">
<?php echo '<img src="img/' .$linha["imagempromo"]. '.jpg">'; ?>
<p><span class="titulo"><?php echo $linha["titulopromo"]; ?></span><br>
<span class="precode">R$ <?php echo $linha["precodelivro"]; ?></span><span class="preco">R$ <?php echo $linha["precoparalivro"]; ?></span><br><br></p>
<button>adicionar<i class="fa fa-shopping-cart" aria-hidden="true"></i></button>
<a href="">ver mais</a>
<h2><?php echo $contador; ?></h2>
</article>
<?php
$contador++;
}//close matriz
}//close contador
while ($contador>=3) {
echo '<style> .livro{ background-color:green;}</style>';
}
?>