Code css non pris en compte sur balise <p>

**cedricleval** · 29/04/2021, 19h05

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 html :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**mathieu** · 29/04/2021, 21h15

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.

**cedricleval** · 30/04/2021, 09h03

Parfait, merci beaucoup et bonne journée
Cedric

Code css non pris en compte sur balise <p>

CSS

Discussions similaires

Partager

Partager