.class

Izbirnik .class izbere elemente z določenim atributom razreda. Če želimo izbrati elemente z določenim razredom, moramo vpisati piko pred ime razreda. Določimo lahko tudi, da razred vpliva samo na določene HTML elemente. Če to želimo narediti, začnemo z imenom elementa, nato sledi pika, kateri sledi ime razreda. HTML elementi se lahko nanašajo tudi na več kot en razred.

PRIMER

<!DOCTYPE html>
<html lang="sl">
<head>
    <style>
        .pomembno {
            color: red!important;
            font-weight: bold;
            font-size: 28px;
        }
    </style>
</head>
<body>
    <p class="pomembno">To je pomembno besedilo!</p>
    <p>To je običajno besedilo.</p>
</body>
</html>

REZULTAT