The + sign means select an adjacent sibling
Example:
CSS
p + p
{
font-weight: bold;
}
HTML
The style will apply from the second
Example
See this Fiddle and you will understand it forever: http://jsfiddle.net/7c05m7tv/
(Another Fiddle: http://jsfiddle.net/7c05m7tv/70/)
Browser Support
Adjacent-sibling selectors are supported in Internet Explorer 5.x Macintosh. They are also supported in the Netscape 6 preview release 1 for all the myriad platforms for which it's available, and in preview release 3 of Opera 4 for Windows. There are bugs in the handling of adjacent-sibling selectors in IE5 for Windows, and Opera 3 for Windows.
Good to know:
Internet Explorer 7 doesn't update the style correctly when an element is dynamically placed before an element that matched the selector. In Internet Explorer 8, if an element is inserted dynamically by clicking on a link the first-child style isn't applied until the link loses focus.
Learn more