CSS చిల్డ్ సెలెక్టర్
పరిణామ ఎంపికదారి (Descendant selectors) కంటే, క్రియాశీల ఎంపికదారి (Child selectors) మాత్రమే కొన్ని మెటాలను ఎంచుకోవచ్చు.
క్రియాశీల ఎంపికదారి (Child selector)
మీరు ఏదైనా పరిణామ మెటాలను ఎంచుకోవాలని కోరుకున్నారే అని భావిస్తే, ఆ మెటాలను మాత్రమే పరిణామం చేసే క్రియాశీల ఎంపికదారి (Child selector) ఉపయోగించండి.
ఉదాహరణకు, మీరు మాత్రమే h1 మెటాలను ఎంచుకోవాలని కోరుకున్నారే అని భావిస్తే, ఇలా వ్రాయవచ్చు:
h1 > strong {color:red;}
ఈ నియమం మొదటి h1 క్రింది రెండు strong మెటాలను ఎరుపు రంగులో చేస్తుంది, కానీ రెండవ h1 లోని strong ఎటువంటి ప్రభావాన్ని లేదు:
<h1>ఇది <strong>చాలా</strong> <strong>చాలా</strong> ముఖ్యం.</h1>This is really very important.
语法解释
您应该已经注意到了，子选择器使用了大于号（子结合符）。
子结合符两边可以有空白符，这是可选的。因此，以下写法都没有问题：
h1 > strong h1> strong h1 >strong h1>strong
如果从右向左读，选择器 h1 > strong 可以解释为“选择作为 h1 元素子元素的所有 strong 元素”。
结合后代选择器和子选择器
请看下面这个选择器：
table.company td > p
上面的选择器会选择作为 td 元素子元素的所有 p 元素，这个 td 元素本身从 table 元素继承，该 table 元素有一个包含 company 的 class 属性。
