2つの異なるフォントサイズ1行CSS

Question

2つの異なるフォントサイズのu navバーで1行のテキストのスタイルを設定するにはどうすればよいですか？私のHTMLで

私が持っている：

私は15ピクセルと言うことが35pxと（psaltのピンチ）であることをブログしたい

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

を持って

<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> 

。私は子供のセレクターを使用して各ナビゲーション要素を色、フォントサイズなどのスタイルに合わせていましたが、私のCSSのこの1行に2つの別個の要素をどのようにターゲットするかはわかりません。

Answer 1

ちょうど.nav ul li aおよび.nav ul li a em。これがあなたが探しているものの場合

Answer 2

<span>をあなたのHTMLに追加して、CSSでそれをターゲットにするクラスを与えます。

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

とCSS：たとえばそれはHTMLだけですので

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

あなたはすでに、残りのテキスト（またはあなたが「デフォルト」のテキストサイズでnav li aをターゲットにすることができます）周り<em>タグを持っています追加する必要があります。あなたは一貫しているべきであることを覚えておいてください。

Answer 3

もう1つ注意してください。

他の状況ではGoogleの検索に答えてください。

のように使用するときのCSSクラス定義

font.yellow { 
    color:yellow 
} 

下記のザ・シームレスに動作します：

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