Я почти уверен, что это где-то задокументировано, но мой поиск в Google и просмотр mdn не дали мне ничего существенного для продолжения.
Рассмотрим следующий пример:
<doctype html>
<html>
<head>
<title>Array test</title>
</head>
<body>
<style scoped>
div {
margin: 20px;
padding: 20px;
display: list-item;
list-style-type: decimal;
}
</style>
<div>one</div>
<div>two</div>
<div>three</div>
<div>four</div>
</body>
</html>
Если вы отрендерите его в Chrome или Safari, или в любом браузере WebKit, который я мог бы получить, div будет иметь номера 1, 2, 34. Но в Firefox все элементы будут равны 0.
Есть ли способ обойти это?В чистом CSS?
TIA