Desenvolvedor FrontEnd – wbruno black theme

Exemplo de uso do nth-child seletor css

por em CSS,HTML,jQuery Nenhum comentário
Selecionar o terceiro elemento de cada lista, para alterar alguma coisa do css dele. Usar: .eq(3) é o mesmo que :nth-child(3), oq queremos é o 3n <html> <head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="text/javascript"> jQuery(document).ready(function(){ jQuery('.lista li:nth-child(3n)').css('background','#f0f'); }); </script> <style type="text/css"> .lista { width: 180px; } .lista li { background: #f00; margin: 5px; width: 50px; height: [...]
« Anterior — Próxima »