The CSS adjacent sibling selector applies to elements that are both children of the same parent element and they are directly next to one another. The element to be styled is the second element.
Define an adjacent sibling selector with a plus-sign (+).
li + li {
font-size : 2em ;
}
In an ordered list, all list items are siblings. But only the second and subsequent <li> elements are adjacent to other <li> elements. The first <li> does not have another <li> directly preceding it.
Be sure to test this selector when you plan to use it. Internet Explorer 6 and lower do not support this selector.
