<p class="lightsalmon">Light Salmon</p>

<p class="plum">Plum</p>

<p class="lightsalmon">Light Salmon after Plum <span aria-label="Combinator styles are applied">✔</span></p>

<p class="seashell">Sea Shell</p>

<p class="lightsalmon">Light Salmon</p>


.plum {
	background-color: plum;
}

.lightsalmon {
	background-color: lightsalmon;
}

.plum + .lightsalmon {
	background-color: mediumturquoise;
}

.seashell {
	background-color: seashell;
}

p {
	font-family: sans-serif;
	font-size: 0.875rem;
	padding: 0.75rem;
}

span {
	float: right;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.