CSS - how to target only one element with desired class in div? :     <div class="menu">
       <ul>
         <li>
           <ul class="sub-menu">
             <li>
               <ul class="sub-menu">
                 <li></li>
               </ul>
             </li>
           </ul>
         </li>
       </ul>
    </div>

Could You please tell me how to target just first ul element with "sub-menu" class as on an example above? Every pseudo-class I know targets both "sub-menu" ul-s at the same time.