Css 更改列表中嵌套元素的字体大小

我有一个ul元素的嵌套列表。我想减少字体大小的一对夫妇的像素为每一个级别下降

例如，第一个li元素的字体大小为18px，然后该元素的嵌套元素的字体大小为16px，该元素的任何嵌套元素的字体大小为14px，等等。但是，一旦字体大小达到某个大小，例如8px，我希望停止将其变小

这些列表是动态生成的，所以我无法知道它们的深度，所以不能将css硬编码到某个级别。在css或JQuery中有没有一种方法可以应用这种格式

li { font-size: 90%; }

第一个li将得到90%，一个嵌套在下面的li将得到90%的90%，依此类推

li li li li { font-size: 100%; } 

---

…在4个级别后停止。

您可以定义字体大小（以百分比为单位），它将级联：

li { font-size: 90%; }

编辑：

我想最好手动定义四个级别：

li { font-size: 16px }
li li { font-size: 14px }
li li li { font-size: 12px }
li li li li { font-size: 10px }
li li li li li { font-size: 8px }

---

顺便说一句，请记住，有些浏览器允许用户定义最小字体大小。例如，我将其设置为12px。

谢谢，这个解决方案比我想象的要简单。但是它不会停留在特定的字体大小，所以如果我的列表变得很深，文本将变得不可读。再次感谢您的建议。任何低于4级的级别都可以简单地分配字体大小8px吗？谢谢，这个解决方案比我想象的要简单。然而，它不会停留在某个特定的字体大小，因此如果我的列表变得非常深，文本将变得不可读，这更像是关于正确列表嵌套的一般性评论。至少我想知道为什么在我意识到筑巢问题之前，这里的解决方案对我不起作用。