Caniemail.com сообщает, что :nth-child поддерживается для селекторов типов на Outlook.com и полностью на iOS. С помощью приведенного ниже кода я не вижу никаких полосок зебры в Outlook.com, новом клиенте Outlook или Outlook для iOS. :hover имеет те же ссылки на поддержку, что и Caniemail.com, и работает нормально.
Это письмо пришло от Power Automate.
table {
font-family: Arial, Helvetica, sans-serif;
border-collapse: collapse;
width: 100%;
}
td, th {
border: 1px solid #ddd;
padding: 8px;
}
tr:nth-child(even){background-color: #f2f2f2;}
tr:hover {background-color: #ddd;}
th {
padding-top: 12px;
padding-bottom: 12px;
text-align: left;
background-color: #3944BC;
color: white;
}
Подробнее здесь: https://stackoverflow.com/questions/798 ... in-outlook
