Suporte » Outros assuntos » Como fazer para a primeira do loop vim com uma class "ativa"

Como fazer para a primeira do loop vim com uma class "ativa"

  • Resolvido ITL

    (@itl_pe)


    9 anos, 3 meses atrás

    Não sei como fazer para que meu loop acrescente uma class=”ativa” na minha primeira <li>
    A estrutura que preciso é a seguinte:

    <ul>
<foreach>
<li class="ativa">...</ul>
</li>
<li class="">...
<li class="">...
</foreach>
<ul>

    Algum programador pode me ajudar com essa estrutura?</ul>

    —–
    Post editado por Leo Baiano, inclua acentos graves entre os códigos.

Visualizando 3 respostas - 1 até 3 (de um total de 3)
  • Moderador Leo Baiano

    (@leobaiano)

    9 anos, 3 meses atrás

    Cria um contador com PHP ou muda o estilo do primeiro <li> com css, utilizando first-child.

    Exemplo com PHP

    <?php
$i = 1;
foreach( $objeto as $key => $value ){
?>
<li<?php if( $i == 1 ) echo 'class="ativa"'; ?>>TEXTO</li>
<?php
$i++;
}
?>

    Exemplo com CSS

    HTML
    ———-

    <ul>
<li>texto 1</li>
<li>texto 2</li>
<li>texto 3</li>
</ul>

    CSS
    —–

    ul li{ color:blue; }
ul li:first-child{ color: red; }

    CSS em ação: http://codepen.io/anon/pen/OPboVJ

    Criador do tópico ITL

    (@itl_pe)

    9 anos, 3 meses atrás

    Obrigado Leo!

    Era isso mesmo que eu imaginava, só não sabia como colocar no PHP!

    VLW!

    Moderador Leo Baiano

    (@leobaiano)

    9 anos, 3 meses atrás

    Tranquilo, precisando estamos por aqui.

Visualizando 3 respostas - 1 até 3 (de um total de 3)
  • O tópico ‘Como fazer para a primeira do loop vim com uma class "ativa"’ está fechado para novas respostas.

Tags de tópico

Visualizações