Das Styling eines bestimmten Elements funktioniert nicht [geschlossen] ⇐ HTML

[Guest]

HTML




8 Is Enough - Vintage Series


Date
Track
Start Time
Laps





3/17/2025
Trial Mountain (Full Course)
Morning
25



3/24/25
Grand Valley (Highway 1)
Early Morning
35



3/31/25
Road Atlanta
Morning
45



4/7/25
Blue Moon Speedway (Infield A)
Afternoon
50



4/14/25
Laguna Seca (Full)
Late Morning
45



4/21/25
Watkins Glen (Long Course)
Afternoon
35



4/28/25
Willow Springs (Big Willow)
Early Morning
45



5/5/25
Daytona (Road Course)
Afternoon
35




This is a footer


CSS

*{
box-sizing: border-box;
margin:none;
padding:none;
font-family: racing sans one;
text-shadow: 1px 1px 1px red;
}

body{
background-image: url('imgs/1969-ford-mustang-boss-429.jpg');
background-repeat: no-repeat;
background-size: cover;
margin:none;
}

#main-div{
width:79%;
height:800px;
background-color: rgb(248, 242, 242);
margin:3rem auto;
opacity:0.8;
border-radius: 4px;
border:solid rgb(149, 153, 227) 5px;
}

table{
width:80%;
height:500px;
text-align: center;
margin:5rem auto;
font-size: 2rem;
border-collapse:collapse;
margin-bottom:5rem;
}

caption{
font-size: 5rem;
}

th{
background-color: red;
}

.blue{
background-color: rgb(79, 53, 243);
color:white;
};

#footer{
width:50%;
background-color: green;
}
< /code>
Egal wie spezifisch ich meine Fußzeile mache, ich kann es einfach nicht anwenden. Das Lustige ist, wenn ich den .blue -Selektor unmittelbar darüber kommentiere, dann kann ich ihn normal stylen. Ich verstehe nicht, wie ich das Styling auf .Blue und gleichzeitig #Foterem zu ändern kann. Wenn und nur, wenn ich .Blue (welches ist jede andere Zeile einer Tabelle), kann ich #footer stylen.