Pseudo-class pseudo-elements

1. The following sections are available on the page:

<Div>         <a>Sdfsd1</a>         <a>Sdfsd2</a>         <a>Sdfsd3</a>    </Div>    <Div>        <a>Sdfsd4</a>        <a>Sdfsd5</a>    </Div>

2. If you want to add a style to the first child element of each div, such as a font color of blue, you can add a class to each label, as follows:

Style:

Div. first-child {color:Blue

Page:

       <Div>         <aclass= "First-child">Sdfsd1</a>         <a>Sdfsd2</a>         <a>Sdfsd3</a>    </Div>    <Div>        <aclass= "First-child">Sdfsd4</a>        <a>Sdfsd5</a>    </Div>

3. If there are many DIV elements, you need to write many classes repeatedly, you can use Pseudo-class, as follows:

Style:

Div:first-child {color:blue;}

Page:

    <Div>         <a>Sdfsd1</a>         <a>Sdfsd2</a>         <a>Sdfsd3</a>    </Div>    <Div>        <a>Sdfsd4</a>        <a>Sdfsd5</a>    </Div>

The effect is the same as the 2 way

4. Effect:

Pseudo-class pseudo-elements