兩種不同的字體大小一行css

如何在u導航欄中使用兩種不同的字體大小設置一行文本？兩種不同的字體大小一行css

在我的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這一行上的目標兩個單獨的元素。

來源

2011-09-13 David

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

來源

2011-09-13 10:05:21 simoncereska

或'.nav A'和'.nav一個em' – simoncereska

添加一個<span>到你的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; 
}

你身邊已經有了其餘文字的<em>標籤（或者你可以用一個「默認」的文字大小目標nav li a），所以這是唯一的HTML你需要添加。請記住，你應該保持一致。

來源

2011-09-13 10:06:36 Jon

另一個說明。

回答我的谷歌搜索其他非情況。下面CSS類定義

font.yellow { 
    color:yellow 
}

作品無縫

使用等時：

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

來源

2012-04-19 06:47:06 BigRatty

兩種不同的字體大小一行css

回答

相關問題