两种不同的字体大小一行 css答案

【问题标题】：Two different font sizes one line css两种不同的字体大小一行 css
【发布时间】：2011-11-16 00:50:22
【问题描述】：

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

在我的 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 (a pinch of psalt)</a></li>

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

【问题讨论】：

标签： html css

【解决方案1】：

只需 .nav ul li a 和 .nav ul li a em 。如果这就是你要找的东西

【讨论】：

【解决方案2】：

在您的 HTML 中添加  并为其指定一个类，以便您使用 CSS 定位它。例如：

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

还有 CSS：

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

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

【讨论】：

【解决方案3】：

另外说明。

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

下面的 CSS 类定义

font.yellow {
   color:yellow
}

在使用时可以无缝工作：

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

【讨论】：

 现在完全过时了，改用