If you want to apply style to all <p> inside <body>, you would write something like this,
body > p { background-color : #00f; }
Let’s say you have a div element and it contains various other elements. And you would like to apply some common style to all the elements. Believe me, there could be reasons for this!
We can’t go and pick all the elements inside <div>. We could just write,
#id_of_div *
{
//some style
}
So this will apply style to all the child elements of <div> with id ‘id_of_div’. You can overwrite some style for child elements by picking them specifically like this,
#id_of_div #id_of_some_other_element
{
// some style that will override the style given by *
}
Advertisement
