चाइल्ड सिलेक्टर
CSS चाइल्ड सिलेक्टर का उपयोग किसी विशेष पैरेंट एलिमेंट के सभी चाइल्ड एलिमेंट्स को सिलेक्ट करने के लिए किया जाता है।
सिंटैक्स
element > element { /*declarations*/ }
उदाहरण 1
<!DOCTYPE html>
<html>
<head>
<style>
* { padding: 5px; }
article > div { border: dashed midnightblue; width: 45%; }
div > p { font-size: 20px; font-style: italic; box-shadow: inset 0 0 8px orange; }
</style>
</head>
<body>
<h2>Examination Detail</h2>
<article>
<div>Exam Details</div>
<div><p>Exam begins at 11AM.</p></div>
<span><div> Do not bring cell phone.</div></span>
<div> <div>Candidates should reach the center till 10:45.</div><br/>The candidates need to be bring the Admit Card. </div>
</article>
</body>
</html>
आउटपुट
उदाहरण 2
<!DOCTYPE html>
<html>
<head>
<style>
div { margin: auto; width: 200px; padding: 30px; background-color: moccasin; }
div > div { box-shadow: inset 0 0 8px mediumseagreen; border-top-right-radius: 50%; border-bottom-left-radius: 50%; }
</style>
</head>
<body>
<div><div></div></div>
</body>
</html>
आउटपुट
