Was ist das class-Attribut in HTML

Das class-Attribut ordnet einem Element eine oder mehrere (durch Leerzeichen getrennten) Klassen zu. Klassen sind ein HTML-Konzept, um gleichartige Elemente im Markup zu kennzeichnen mit dem Ziel, diese mit einem Klassenselektor ansprechen zu können. Dabei müssen es nicht zwingend gleichartige Elemente sein. Klassen sind case-sensitive (kleingeschriebene Klassen unterscheiden sich von grossgeschriebenen). Um mit CSS eine Klasse anzusprechen verwende einen Punkt vor der Selektor(siehe Beispiel unten).

<!DOCTYPE html>

<html>

<head>

<style>

.main {

text-align: center;

}

.city {

background-color: black;

color: white;

margin: 20px;

padding: 20px;

}

</style>

</head>

<body>

<p>Rio ist die Hauptstadt von Brasilien.</p>

</div>

<h2>Madrid</h2>

<p>Madrid ist die Hauptstadt von Spanien.</p>

</div>

<p>Rom ist die Hauptstadt von Italien.</p>

</div>

</body>

</html>

Rio

Rio ist die Hauptstadt von Brasilien.

Madrid

Madrid ist die Hauptstadt von Spanien.

Rom

Rom ist die Hauptstadt von Italien.