Pseudo-razred :nth-last-of-type

Pseudo-razred :nth-last-of-type(n) izbere elemente določenega tipa, ki so n-ti element tega tipa med svojimi brati, šteto od zadaj. Uporabimo lahko številke, ključne besede "odd" in "even" ali formule.

PRIMER

<!DOCTYPE html>
<html lang="sl">
<head>
<style>
    /* Izbere drugi p element od zadaj */
    p:nth-last-of-type(2) {
        background: #2196f3;
        color: white;
        padding: 10px;
        margin: 5px;
    }
    
    /* Izbere sode h3 elemente od zadaj */
    h3:nth-last-of-type(even) {
        background: #ff5722;
        color: white;
        padding: 5px;
        margin: 5px;
    }
</style>
</head>
<body>
    <div>
        <p>Prvi odstavek</p>
        <h3>Prvi naslov</h3>
        <p>Drugi odstavek</p>
        <h3>Drugi naslov</h3>
        <p>Tretji odstavek</p>
        <h3>Tretji naslov</h3>
    </div>
</body>
</html>

REZULTAT