CSS Note 03: Pseudo-Class First-child

1. Match the first <p> element

In the following example, the selector matches the P element as the first child element of any element:

{  color: red;  } </style>

2. Match the first <i> element in all <p> elements

{  font-weight:bold;  } </style>

3. Match all <i> elements in the <p> element as the first child element

{  color:blue;  } </style>

CSS Note 03: Pseudo-Class First-child