01 mai

Adicionando classes ao primeiro e último itens do menu

Categoria: - Comentários (2)

Aqui vai uma dica bem simples, mas muito útil.

Muitas vezes, quando criamos menus, precisamos configurar uma classe diferenciada para o primeiro e para o último item do menu. Veja o código abaixo:

Se você não quiser usar esta função, pode também obter o mesmo efeito usando apenas CSS, com a ajuda das pseudo-classes :first-child e :last-child

Agora é com vocês! Dúvidas? Comentem!!!

Comentários ( 2 )

  • Brightweb

    Boa dica! Outra maneira simples e funcional é através de jQuery.
    Para adicionar uma classe ao último item do menu, por exemplo:

    jQuery(‘#nav ul > li:last-child’).not(‘:only-child’).addClass(‘last’);

    Espero ter ajudado! Abraços.

    • wpmidia

      Obrigada pela visita e pela dica Brightweb! =)

Envie seu comentário

Resize-me!