두 가지 글꼴 크기 한 줄 CSS

Question

두 가지 글꼴 크기로 된 탐색 모음에서 한 줄의 텍스트를 어떻게 스타일링 할 수 있습니까 ?? 내 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> 

어디 내가 15 픽셀을 말할 수 35px과 (psalt의 핀치)로 블로그 싶어

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

있습니다. 하위 선택기를 사용하여 각 nav 요소를 색상, 글꼴 크기 등으로 스타일을 지정했지만 CSS의 한 줄에 두 개의 개별 요소를 대상으로 지정하는 방법을 잘 모르겠습니다.

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

는 이미 나머지 텍스트 주위에 <em> 태그가 (또는 당신은 "기본"텍스트 크기 nav li a를 타겟팅 할 수 있습니다) 추가해야합니다. 일관성을 가져야한다는 것을 명심하십시오.

Answer 3

다른주의 사항.

다른 상황에 대한 Google 검색에 대한 답변.

는

font.yellow { 
    color:yellow 
} 

작품을 완벽하게 CSS 클래스 정의 아래와 같이 사용했을 때

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