Combinator Selectors

Do selectors ko combine karke relationship ke basis pe target karo.

Descendant (space)

.nav a { } — .nav ke andar saare links.

.nav > li { } — sirf direct children.

h2 + p { } — h2 ke turant baad wala.

h2 ~ p { } — h2 ke baad saare p.

combinators.css

.nav a { color: #374151; }
.nav > li { display: inline-block; }
h2 + p { font-size: 18px; color: #f97316; }
h2 ~ p { color: #6b7280; }