举例说明只用html和css如何使得一个列表编号倒序？

HTML 和 CSS 本身无法直接实现列表编号倒序。ol 元素的 reversed 属性可以实现倒序编号，但这依赖于 HTML 的功能，而不是纯粹的 CSS。

要仅使用 HTML 和 CSS 实现视觉上的倒序编号效果，你需要一些技巧，最常见的是使用 CSS 的 counter-reset 和 counter-increment 属性结合伪元素 ::before 来手动创建编号。

以下是一个例子：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Reversed List with CSS</title>
    <style>
        ol {
            list-style: none; /* 移除默认编号 */
            counter-reset: list-item 5; /* 设置计数器初始值，例如列表有5项，就设置为5 */
        }

        li {
            position: relative; /* 为了让伪元素::before相对于li定位 */
        }

        li::before {
            content: counter(list-item) ". "; /* 显示计数器值 */
            counter-increment: list-item -1; /* 每次递减1 */
            position: absolute;
            left: -20px; /* 调整编号位置 */
        }
    </style>
</head>
<body>

    <ol>
        <li>Item A</li>
        <li>Item B</li>
        <li>Item C</li>
        <li>Item D</li>
        <li>Item E</li>
    </ol>

</body>
</html>

解释：

list-style: none;: 移除默认的列表编号样式。
counter-reset: list-item 5;: 初始化一个名为 list-item 的计数器，并将其值设置为列表项的数量 (这里是 5)。 这是关键步骤，你需要根据列表项的数量手动设置初始值。
li::before: 在每个列表项前面插入一个伪元素。
content: counter(list-item) ". ";: 使用 counter(list-item) 函数显示计数器的当前值，并在后面添加一个点和空格。
counter-increment: list-item -1;: 使计数器每次递减 1，实现倒序编号的效果。
position: absolute; 和 left: -20px;: 用于调整编号的位置，使其与列表项对齐。

局限性：

需要手动设置 counter-reset 的初始值，如果列表项的数量是动态的，就需要使用 JavaScript 来动态设置。

更灵活的 JavaScript 方案 (如果可以使用的话):

虽然题目要求只使用 HTML 和 CSS，但如果可以使用 JavaScript，可以更灵活地实现倒序编号，并且不需要手动设置计数器初始值：

const listItems = document.querySelectorAll('ol li');
const numItems = listItems.length;

for (let i = 0; i < numItems; i++) {
  listItems[i].innerHTML = (numItems - i) + ". " + listItems[i].innerHTML;
}