html - 两种不同的字体大小一行css

Question

如何使用两种不同的字体大小设置导航栏中一行文本的样式？

在我的 html 中我有:

<nav>
     <ul>
        <li><a heref="#">Home</a></li>
        <li><a heref="#">About</a></li>
        <li><a heref="#">Products</a></li>
        <li><a heref="#">Stockists</a></li>
        <li><a heref="#">Blog <em>(a pinch of psalt)</em></a></li>
        <li><a heref="#">Contact</a></li>
      </ul>
</nav>

我在哪里

<li><a heref="#">Blog <em>(a pinch of psalt)</em></a></li>

我希望博客为 35 像素，(一小撮圣歌)为 15 像素。我已经使用子选择器将每个导航元素定位为颜色、字体大小等样式，但不确定如何在我的 css 的这一行上定位两个单独的元素。

Answer 1

只是 .nav ul li a 和 .nav ul li a em 。如果这就是您要找的