HTML/CSS - Balises génériques

Page 19

HTML

<div class="pirates_of_the_caribbean">
    <p>
        Il était une fois, bla bla <span class="character">Jack Sparrow</span> bla bla bla,
        le <span id="date_1655">10 février 1655</span>, bla bla bla.
        <span class="character">Elizabeth Swann</span> bla bla...
    </p>
</div>
            

CSS

.pirates_of_the_caribbean {
    background-color: lightseagreen;
    color: white;
    padding: 25px;
}

.character {
    color: red;
}

#date_1655 {
    color: black;
}
            

Résultat

Il était une fois, bla bla Jack Sparrow bla bla bla, le 10 février 1655, bla bla bla. Elizabeth Swann bla bla...