Встроенный стиль CSS не имеет эффекта ⇐ CSS

[Anonymous]

Стили в следующем HTML-коде не имеют никакого эффекта ни в Firefox, ни в Chrome. Почему?
HTML и CSS проверяются правильно с помощью онлайн-валидатора W3C. Этот CSS был создан искусственным интеллектом в надежде обнаружить проблему, но более простой CSS также не дал никакого эффекта.



FloorWizard Deployments

body {
margin: 24px;
font-family: Consolas, "Courier New", monospace;
background-color: #f4f7fb;
color: #1f2937;
}

table {
border-collapse: collapse;
min-width: 520px;
background-color: #ffffff;
border: 2px solid #2563eb;
box-shadow: 0 4px 14px rgba(0, 0, 0, 0.08);
}

th,
td {
padding: 12px 16px;
border: 1px solid #cbd5e1;
text-align: left;
}

th {
background-color: #2563eb;
color: #ffffff;
text-transform: uppercase;
letter-spacing: 0.04em;
}

tr:nth-child(even) td {
background-color: #f8fafc;
}

tr:hover td {
background-color: #e0f2fe;
}






Host
Branch
Build Time


STAGING
main
2026 Mar 06 20:01:29






Подробнее здесь: https://stackoverflow.com/questions/799 ... -an-effect