CSS3 :Hover > Child Selectors Explained

Recently, I spent some time reading over pure CSS implementations of a dropdown menu and I was having a hard time grasping the implementation (sad, I know). The HTML made sense (it’s usually a series of nested lists), but the CSS was never very well explained. The confusing part usually looked something like this:

ol > li:hover > ol {
    position: absolute;
    /* Other styles here */
}

What this translate to is When I hover over a list item that is part of an ordered list, find an ordered list that is a direct child of that list item and apply the following styles to it. I know for a lot of you the CSS above is pretty straight forward. For me, it took a while for the concept to click. Maybe this post will help it click for someone else.