CSS: Plus (+) Selector

Selector “+” dalam CSS digunakan untuk mengaplikasi style pada element2 yang letaknya setelah element1 (lihat Syntax dibawah).

Syntax:

element1 + element2 {
	...
}

Contoh #1:

<h1>Hello
	<span>World</span>
</h1>

Jika kita ingin mengaplikasi warna MERAH pada kata “World” maka CSS-nya:

h1 span {
	font-color: red;
}

Dibaca: Jika ada element span di dalam h1 maka aplikasikan style font-color: red pada element span tersebut.

Contoh #2:

<h1>Hello</h1>
<span>World</span>

Jika kita ingin mengaplikasi warna merah pada kata “World” maka CSS-nya:

h1 + span {
	font-color: red;
}

Dibaca: Jika ada element span yang letak nya setelah h1 maka apply style font-color: red pada element span tersebut.

Selamat mencoba!