jquery 계층적 선택기

$('ul  *').css('color','red')

$('li:nth-child(5) + li').addClass('green')

$('li:nth-child(5) ~ li').addClass('green')

  $('li:first-child').addClass('green')
  $('li:first').addClass('green')
  $('li:last-child').css('color','red')
  $('li:last').css('color','red')

  $('li:nth-child(6)').addClass('red')
  //jquery使用eq(i),i从0开始,注意与css中的不一样
  $('li:eq(5)').addClass('red')

  $('*').removeClass()

  $('li').removeClass()

$('li:gt(3)').addClass('red')

$('li:lt(7)').addClass('red')

$('li:even').addClass('red')

  $('li:odd').addClass('red')