Indirizza l'elemento ul/ol nidificato più profondo con css

Question

In un elenco annidato come quello riportato di seguito, in che modo si può scegliere come target l'ul contenente joe senza conoscere la profondità effettiva in anticipo?

<ul> 
    <li>foo 
     <ul> 
      <li>bar 
       <ul> 
        <li>baz 
         <ul> 
          <li>joe</li> 
         </ul> 
        </li> 
       </ul> 
      </li> 
     </ul> 
    </li> 
</ul> 

http://jsbin.com/fiqowuhate/1/edit?html,css,output

Answer 1

Per quanto ne sono personalmente a conoscenza, questo non è possibile in quanto v'è attualmente no parent selector in CSS, ma si potrebbe utilizzare il selettore jQuery $('ul:not(:has(ul))'); di indirizzare ul elementi senza ul figli, e aggiungere un classe per loro.

Example

Answer 2

var str = $ ("ul> li: ultimo") del testo();. Avviso ("Valore più profondo: -" + str);