两个不同的字体大小一行css

Question

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

在我的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>

我想博客是35px和（一点点psalt）说15px。 我已经使用子选择器来定位每个导航元素以设置颜色，字体大小等样式，但我不确定如何在我的css中的这一行上定位两个单独的元素。

Answer 1

只是.nav ul li a和.nav ul li a em 。 如果这是你正在寻找的

Answer 2

在HTML中添加<span>并为其提供一个类，允许您使用CSS进行定位。 例如：

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

和CSS：

nav li .big {
    font-size: 35px;
}

您已经在剩余文本周围添加了<em>标记（或者您可以使用“默认”文本大小定位nav li a文件），这是您需要添加的唯一HTML。 请记住，你应该保持一致。

Answer 3

另一个注意事项。

回答我的谷歌搜索其他非情况。

下面的CSS类定义

font.yellow {
   color:yellow
}

使用时无缝工作，如：

<p class"blue">
    blue text here
    <font class="yellow">yellow text</font>
    still blue text here
</p>