Как селектор элементов является более конкретным, чем селектор id?

Насколько я понимаю, элементы наименее специфичны. (элемент vs id). Пожалуйста, помогите мне понять специфику селекторов в целом.

    
FIRST Div inside CONTAINER
    
SECOND Div inside CONTAINER

body{
    width: 780px;
    margin: 20px auto;
}
#container > div:not(:last-of-type){
    margin-bottom: 0px; /*How its more specific than ID selector below? */
}
#container {
    border: 15px solid orange;
    padding: 10px;
}
#firstDiv{
    margin: 50px; /*This is not taking effect*/
    border: 5px solid blueviolet;
}
#secondDiv{
    border: 5px solid brown;    
}

http://jsfiddle.net/t2RRq/