child selector in css code example

Example 1: child css

p:nth-child(2)
 	{     
 		background: red;
 	}

Example 2: css select descendant with class

Select an element with the ID "id" and the class "class":
#id.class {
}
example:
<div>
  <strong id="id" class="class">
      Foobar
  </strong>
  <strong class="class">
      Foobar
  </strong>
</div>
=> Will select the first <strong> element

Select all elements with the class "class",
which are decendents of a element with an ID of "id":
#id .class {
}
example:
<div id="id">
	<strong class="class">Foobar</strong>
</div>
=> Will select the <strong> element

Example 3: how to use child selectors in css

ul li { margin: 0 0 5px 0; }
ul > li { margin: 0 0 5px 0; }

Tags:

Css Example