CSS - Selectors (Parent Children)

<style> #Example1 > *{border: 3px dashed black;} /* Selector ">" applies style only to "Example1" childrens */ #Example2 *{border: 3px dashed black;} /* Apply style to any element inside "Example2" */ </style> <div id="Example1" style="background:Yellow; width:250px; height:130; display:inline-block;"> Green is my Children <div style="background:green; width:200px; height:80; margin: auto;"> Yellow is my Parent <br> Blue is my Children <div style="background:blue; width:150px; height:30; margin: auto;"> Green is my parent </div> </div> Example 1 </div> <div id="Example2" style="background:Yellow; width:250px; height:130; display:inline-block;"> Green is my Children <div style="background:green; width:200px; height:80; margin: auto;"> Yellow is my Parent <br> Blue is my Children <div style="background:blue; width:150px; height:30; margin: auto;"> Green is my parent </div> </div> Example 2 </div>


Keywords:
CSS - Selectors (Parent Children)