Ce type de sélecteur est utilisé lorsque l'on veut atteindre une balise qui est immédiatement en aval d'une autre par rapport à l'arbre du document.
Dans ce cas, le signe "plus" ("+") sépare les deux instructions dont la seconde sera le sujet du formatage et la première constituera l'élément frère immédiatement en amont.
Balise_amont + Balise_cible {Propriété1: Valeur1; ...}
Ainsi, si nous voulons que toutes les balises "<blockquote>" suivant l'instruction "<h2>", apparaissent sur un fond vert, alors il suffit d'écrire la ligne suivante :
<html>
<head>
<style type="text/css">
<!--
h2 + blockquote {background-color: green}
-->
</style>
</head>
<body>
<h2> ... </h2>
<blockquote> ... </blockquote>
<p> ... </p>
<blockquote> ... </blockquote>
</body>
</html>