Beispielcode zum Festlegen des Beschriftungsstils mithilfe des CSS-Selektors

<div style="background-color: #2459a2;height: 48px;">Ahhh</div>

<Kopf>
    <meta charset="UTF-8">
    <title>Titel</title>
    <Stil>
        <!--Schreiben Sie den Selektor hier-->
    </Stil>
</Kopf>

#i1{
    Hintergrundfarbe: #2459a2;
    Höhe: 48px;
}

    <div id="i1"></div>
    <div id="i1"></div>Aber Sie können nicht mehrere IDs schreiben (nicht Standard)

/*Klassenselektor: Verwenden Sie class=c1, um diesen Stil zu kopieren und gleichzeitig den Fehler zu vermeiden, dass die ID vereinheitlicht werden muss*/
.c1{
    Hintergrundfarbe: #2459a2;
    Höhe: 60px;
}

 <div class="c1">1251251</div> kann in Vielfachen geschrieben werden. <div class="c1">1251253</div> kann in Vielfachen geschrieben werden.

div{
    Hintergrundfarbe: schwarz;
    Farbe: weiß;
}

  Spanne div {
            Hintergrundfarbe: schwarz;
            Farbe: weiß;
        }
        Ebene: Stellen Sie das div in c1 und c2 auf diesen Stil ein. c1 .c2 div{
            Hintergrundfarbe: schwarz;
            Farbe: weiß;
        }

    <Stil>
        Kombinationsselektor: # oder . kann die Kombination #i1, #i2, #i3{ realisieren
            Hintergrundfarbe: schwarz;
            Farbe: weiß;
        }
        .c5,.c6,.c7{
            Hintergrundfarbe: schwarz;
            Farbe: weiß;
        }
    </Stil>

    <Stil>        
        /*Attributselektor: setze type='text' auf diesen Stil*/
        Eingabe[Typ='Text']{
            Breite: 100px;
            Höhe: 200px;
        }
        Setzen Sie das benutzerdefinierte n-Wert-S1-Label auf diesen Stil input[n='s1']{
            Breite: 100px;
            Höhe: 200px;
        }
    </Stil>