पाठ 4 / 28

कॉम्बिनेटर्स

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

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

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

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

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

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> */

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

  • A B
  • A > B
  • A ~ B
Answer

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