CSS: нет (литий>: первый-ребенок) селектор

Question

У меня есть список элементов:

<ul> 
    <li>Coca Cola</li> 
    <li>Tea</li> 
    <li>Coffee 
    <ul> 
     <li>White Coffee</li> 
     <li>Black Coffee</li> 
     <li>Coffee Low Caffein</li> 
    </ul> 
    </li> 
</ul> 

<ul> 
    <li>Coffee</li> 
    <li>Tea</li> 
    <li>Coca Cola</li> 
</ul> 

Я хочу, чтобы стиль, как это:

ul li:not(li>:first-child) 
{ 
    color:red; 
} 

ul li>:first-child 
{ 
    color:blue; 
} 

Вот мой jsfiddle, но это не работает с селектором ul li:not(li>:first-child). Я хочу получить окончательный результат fiddle, любые идеи?

Answer 1

Я немного смущен, но в тех случаях, когда я хочу первый ребенок, чтобы иметь другой стиль, я на самом деле дать это ОТПРЫСКАМ желаемый альтернативный стиль:

li { 
    color:#00f; 
} 
li + li { 
    color:#f00; 
} 

Answer 2

<ul id="first"> 

Для первого уровня из li

ul > li 
{ 
    color:red; 
} 

Для любого другого li после этого ..

ul#first > li li 
{ 
    color:blue; 
} 

Обновлено fiddle here.

Answer 3

ul li:not(:first-child) 
{ 
    color:red; 
} 

ul li:first-child 
{ 
    color:blue; 
}