What is the most efficient way to make all nested list items the same size while using an em that is not equal to 1. For example, I want all li’s in this list to be sized to 0.85em of the ul’s parent. Do I have to create a separate class for each “level” of depth?
<html>
<head>
<style type="text/css">
li
{
font-size: 0.85em;
}
</style>
</head>
<body>
<ul>
<li>Level 1 item
<ul>
<li>Level 2 item
<ul>
<li>Level 3 item</li>
</ul>
</li>
</ul>
</li>
</ul>
</body>
</html>
Should work.