Open
Description
Apple Mail supports counter and counter-reset in CSS, as demonstrated by this example:
<!DOCTYPE html>
<html>
<head>
<style>
.no-counter {
color: red;
visibility: visible;
}
.counter {
color: green;
visibility: hidden;
}
@supports (counter-reset: test) {
.no-counter {
display: none;
}
.counter {
counter-reset: section;
visibility: visible;
}
.counter::before {
counter-increment: section;
content: "Counter: " counter(section);
font-weight: bold;
}
}
</style>
</head>
<body>
<p class="no-counter">No counter support.</p>
<p class="counter"></p>
</body>
</html>
