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>

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

3 个答案: