CSS - 使用em的子字体大小

Jer*_*emy 11 css font-size

使用不等于1的em时,使所有嵌套列表项具有相同大小的最有效方法是什么.例如,我希望此列表中的所有li的大小都是ul的父级的0.85em.我是否必须为每个"级别"深度创建一个单独的类?

<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>
Run Code Online (Sandbox Code Playgroud)

cho*_*hki 9

使用"rem"单位进行字体大小调整.这解决了字体继承问题.

Johnathan Snook有一篇很棒的文章.


小智 7

应该管用.

li li {font-size: 100%;}
Run Code Online (Sandbox Code Playgroud)