ID/Class
Einem Element kann ich nur eine ID zuweisen
<div id=“box1″>
aber mehrere Klassen
<p class=“schriftfarbe_cyan kursiv unterstreichen“>
Hier sind zwei Klassen auf den p-Tag angewandt
.kursiv {
font-style: italic;
}
.unterstreichen {
text-decoration: underline;
}
<div id=“box1 box2″></div>
<!– Das geht nicht – einem Element kann nur eine ID zugewiesen werden – so wird einfach nichts dargestellt –>
<div id=“box1″ class=“border rundeecken“></div>
<!– Dagegen können einem Element mehrere Klassen zugeordnet werden –>
#box1 {
width: 400px;
height: 400px;
background-color: blueviolet;
}
#box2 {
border: brown solid 5px;
}
.border {
border: brown solid 5px;
}
.rundeecken {
border-radius: 20px;
}