Code css non pris en compte sur balise <p>

Bonjour,

Je suis débutant en HTML/CSS et je tombe sur un comportement du navigateur que je ne comprends pas.
Dans le code ci dessous, seul le premier paragraphe se voit appliqué le code css :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<!DOCTYPE html>
<html >
<head>
    <meta charset="UTF-8">
    <style>
        p
        {
            color:green;
        }
        
    </style>
 
</head>
<body>
 
    <p>
        <h2 >paragraphe colorié</h2>
 
        <br><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce non erat id arcu eleifend cur
        sus non nec felis. Quisque at egestas ligula, a sagittis ipsum. Pellentesque consectetur placerat nisl,
    </p>
 
        <h2>paragraphe PAS colorié</h2>
    <p>
        <br><br>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce non erat id arcu eleifend cur
        sus non nec felis. Quisque at egestas ligula, a sagittis ipsum. Pellentesque consectetur placerat nisl,
    </p>
 
</body>
</html>

Pouvez vous m'eclairer svp ?

Bonne journée
Cedric

vous ne pouvez pas mettre des balises "h." à l'intérieur d'une balise "p".
donc le navigateur essaye de corriger comme il peux et vous pouvez voir la correction dans la console de développement de votre navigateur.

Parfait, merci beaucoup et bonne journée
Cedric