A detailed introduction to the child element selector usage of CSS

The underlying child element selector can only be looked down at the first level, not across

HTML code:

<p> This is    my <strong><i>w</i>eb</strong> page.   </p>

CSS code:

P>strong {color:purple;} p>strong>i {font-size:50px;}

1. The child element selector can only select elements that are child elements of an element, as compared to descendant selectors.

2. The child element selector uses the greater than sign ">" as the connector.

Example 1:

Example 2