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

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

> संबंध के आधार पर एलिमेंट को टार्गेट करने के लिए सेलेक्टर जोड़ें।

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

`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
- [x] A > B
- [ ] A ~ B

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