# कॉम्बिनेटर्स — CSS Fundamentals: Layout, Flexbox, Grid और Responsive Design

Source: https://www.skillbyai.com/hi/css/css-combinators

> Descendant, child, adjacent और general sibling combinators से संबंध के आधार पर elements चुनें।

## चार कॉम्बिनेटर

`A B` कोई भी वंशज, `A > B` केवल सीधा बच्चा, `A + B` तुरंत अगला सिबलिंग, `A ~ B` कोई भी बाद का सिबलिंग।

## सीएसएस में कॉम्बिनेटर

देखें कि सेलेक्टर के बीच की स्पेसिंग अर्थ कैसे बदलती है।

```css
nav a { color: blue; }        /* any <a> inside <nav> */
ul > li { margin: 4px; }      /* direct <li> children only */
h2 + p { margin-top: 0; }     /* <p> right after an <h2> */
h2 ~ p { color: gray; }       /* every <p> after an <h2> */
```

**Quiz:** कौन-सा कॉम्बिनेटर केवल सीधे बच्चों को चुनता है?

- [ ] A B
- [ ] A ~ B
- [ ] A + B
- [x] A > B

*Answer:* A > B. `>` मिलान को तुरंत बच्चों तक सीमित करता है, सभी वंशजों तक नहीं।