Web Development 7..

Parent child and grouping..

Web Development 7..

Hello, This is again Arpan Tiwari and I am going to share another concept with you all.. I have completed this lecture with Anurag Sir from PW.. This snippet include about the concept of parent ,child, grouping, sibling or brotherhood and some more concepts..

Suppose you want to make parent child group then simply write like div>p>p>li and press the tab button you can also use different tabs instead of div p or li.. here div considered as the parent of p , p and li.. and p , p , li are called as the child of div and so on..

 <div>
        <p>
            <li></li>
        </p>
    </div>
    <div>
        <div>
            <p>
                <p>
                    <li></li>
                </p>
            </p>
        </div>
    </div>

Another concept is if you want to write "div" five times then simply write as div*5 and press the tab button you will get the div five times..

Now if you want to add class and ide with parent and child you can do it also for example div>p.class2>p>li#id2 and hit the tab button you will get the desired answer.. The most important thing is always use the ">" symbol for doing this otherwise you will not get the desired answer..

Another concept is adding sibling and grouping them . for sibling div>p + p + p and click the tab button you get the answer.. And for grouping div>(nav>li*5)>p.class1 and hit the tab button... Again you can also use the different tags instead of which I have used..

So this was all about this snippet I hope it will be helpful for you to understand the concept.. Thank you..