使用導航標籤html5更改導航> ul> li>元素的字體大小

我在css文檔中遇到了設置自定義字體大小的問題。這是我的問題。我使用html5的導航標籤。我在哪裏必須放置font-size屬性？使用導航標籤html5更改導航> ul> li>元素的字體大小

這裏是我的codeQ的HTML代碼

部分的一部分：

<div id="nav"> 
     <nav> 
      <ul> 
       <li> 
        <a href="#">ΑΡΧΙΚΗ</a> 
       </li> 
       <li> 
        <a href="#">ΥΠΗΡΕΣΙΕΣ</a> 
       </li> 
       <li> 
        <a href="#">ΒΙΟΓΡΑΦΙΚΟ</a> 
       </li> 
       <li> 
        <a href="#">ΕΠΙΚΟΙΝΩΝΙΑ</a> 
       </li> 
      </ul> 
     </nav> 
    </div>

我的CSS代碼部分：

#nav { 

    width: 30%; 
    margin:0 auto; 

} 

nav>ul { 
    list-style: none;  
} 

nav>ul>li { 

    display: inline; 
} 

nav>ul>li>a { 
    font-family: "Comfortaa Thin", Comfortaa; 
    color:#807f7f;   
}

來源

2015-07-12 Korte

它可以是在任何地方的資產淨值內，或'#nav {字體大小：20像素}'。 – Stickers

這取決於您已定義的樣式。因爲，例如。如果您設置了#nav {font-size：20px}，但您已經有鏈接選擇器（{font-size：12px}），則不會覆蓋它。 – Mindastic

您可以申請font-size任何容器元素包括nav本身

nav { 
 
    font-size: 40px; 
 
} 
 
#nav { 
 
    width: 30%; 
 
    margin: 0 auto; 
 
} 
 
nav>ul { 
 
    list-style: none; 
 
} 
 
nav>ul>li { 
 
    display: inline; 
 
} 
 
nav>ul>li>a { 
 
    font-family: "Comfortaa Thin", Comfortaa; 
 
    color: #807f7f; 
 
}

<div id="nav"> 
 
    <nav> 
 
    <ul> 
 
     <li> 
 
     <a href="#">ΑΡΧΙΚΗ</a> 
 
     </li> 
 
     <li> 
 
     <a href="#">ΥΠΗΡΕΣΙΕΣ</a> 
 
     </li> 
 
     <li> 
 
     <a href="#">ΒΙΟΓΡΑΦΙΚΟ</a> 
 
     </li> 
 
     <li> 
 
     <a href="#">ΕΠΙΚΟΙΝΩΝΙΑ</a> 
 
     </li> 
 
    </ul> 
 
    </nav> 
 
</div>

來源

2015-07-12 23:11:59 AmmarCSE

nav>ul>li>a { 
    font-family: "Comfortaa Thin", Comfortaa; 
    color:#807f7f; 
    font-size: /*write here*/;   
}

來源

2015-07-13 10:11:25

使用導航標籤html5更改導航> ul> li>元素的字體大小

回答

相關問題