#gnbWrap > li > a + ul {background:#e8b9c0; width:100%; height:34px;  left:0; margin-top:15px; overflow:hidden;  }

  #gnbWrap > li > a + ul li {display:inline-block; font-size:81.3%; }

와 같이 id값 다음에 ">" 나 "+" 같은건 무얼 뜻하는건가요?

어떻게 작동되고 활용해야 하는지 좀 상세히 알려주실분 계신가요~~??

아래 화면 참고요...

  #gnbWrap > li {display:inline-block; margin:15px 19px 35px;}
  #gnbWrap > li > a {display:inline-block; overflow:hidden; text-indent:-9999px;height:36px; text-decoration:none}
  #gnbWrap li ul {height:0px; border-top:3px solid #099}
  #gnbWrap > li > a + ul {background:#04bfbf; position:absolute; width:100%; left:0; margin-top:15px; overflow:hidden}
  #gnbWrap > li > a + ul li {display:inline-block; font-size:81.3%}
  #gnbWrap > li > a + ul li a {padding:19px 15px; display:block; color:#FFF; text-decoration:none; font-weight:bold;}
  #gnbWrap > li > a + ul li:first-child {margin-left:15px}
  #gnbWrap > li > a + ul li a:hover,
  #gnbWrap > li > a + ul li a.subactive,
  #gnbWrap > li > a + ul li a.subac1dth {background:url(../images/inc/top_menu_2dp_bg.gif) center 0 no-repeat;}