Стили в следующем 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
