Was bedeutet der CSS-Selektor "+" (Pluszeichen)?

Question

Zum Beispiel:

p + p {
  /* Some declarations */
}

Ich weiß nicht, was die + bedeutet. Was ist der Unterschied zwischen dieser Vorgehensweise und der Definition eines Stils für p sin + p ?

Answer 1

Es würde jedem Element entsprechen p das unmittelbar an ein Element "p" angrenzt. Siehe: http://www.w3.org/TR/CSS2/selector.html

Answer 2

p+p{
//styling the code
}

p+p{
} simply mean find all the adjacent/sibling paragraphs with respect to first paragraph in DOM body.

    <div>
    <input type="text" placeholder="something">
    <p>This is first paragraph</p>
    <button>Button </button>
    <p> This is second paragraph</p>
    <p>This is third paragraph</p>
    </div>

    Styling part 
    <style type="text/css">
        p+p{
            color: red;
            font-weight: bolder;
        }
    </style>

   It will style all sibling paragraph with red color.

Die endgültige Ausgabe sieht wie folgt aus